Real Estate (Custom) Map Pins

Design help Custom code
1

A client just asked me if there’s a way to make the pins on google map look like their logo.

This is for a real estate project and I would like to have pins of the properties across the map.

Any advice?

Cheers!
ASCS

2

You have to use the Google maps API.

2 Likes
3

i’m gonna look into that.

Thanks @Port_of_Folio

4

@Port_of_Folio
Do you have experience in customizing maps?

@Revolution, @samliew
Can you tell me where i’m going wrong trying to get this custom icon on my map?
also, i should paste code in the body tag, right?

(script)
var map;
function initMap() {
map = new google.maps.Map(document.getElementById(‘map’), {
zoom: 16,
center: new google.maps.LatLng(49.8167176,-97.19211539999999),
mapTypeId: ‘roadmap’
});
var iconBase = ‘https://maps.google.com/mapfiles/kml/shapes/’;
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: iconBase + ‘https://uploads-ssl.webflow.com/5ac69bb3ae8bcd802cece099/5ace6204b44a33e31bece35b_UpperEdge_256.png’
});
// Create markers.
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
}
(/script)