Streaming live at 10am (PST)

Real Estate (Custom) Map Pins


#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.

https://developers.google.com/maps/documentation/javascript/custom-markers


#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)