CODEWITHSUNDEEP
javascriptgoogle-maps
Roger Travis
Roger Travis

Reputation: 8548

can't add a custom marker to Google maps ( JS )

Was wondering, how do I add a custom marker to google maps, JavaScript, integrated into my site.

This code adds a regular marker:

var marker = new GMarker(center);
map.addOverlay(marker);

but where do I insert an image tag (say, "marker.png" ) for it to appear instead of the regular google marker?

Thanks!

Upvotes: 0

Views: 482

Answers (1)

Pops
Pops

Reputation: 30868

You may be interested in the Google Maps documentation page about custom icons. In particular, see this line in createMarker:

letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

You should be able to replace that with your own image. More info on GIcons is in the API.

Upvotes: 2

Related Questions