Can I change the marker in a Google Maps embedded map (iframe)?

google-maps iframe google-maps-markers embedded-resource
ana picture ana · Jul 24, 2009 · Viewed 61.9k times · Source

I know I can do it with the Google Maps API, but do you know if there is a way to change the marker in an embedded Google Map?

I want to replace the default "A" button for a "B" button or the marker with just a dot in the middle.

Answer

RedBlueThing picture RedBlueThing · Jul 24, 2009

I haven't played around with embedding Google Maps before (I generally go straight to the API for stuff like this). I tried a couple of approaches:

  • I figured maybe the embed syntax would be the same as the static maps api. So I grabbed a static maps URL, copied the markers param from that and tried sticking it into the iFrame URL. This didn't work so much.

  • I created a Google MyPlaces and customized the marker to use the one your provided. This created a Test map which had the appropriate marker icon. I then grabbed the embed code and stuck it on a test page and voila!

Related questions

Prevent a Google Maps iframe from capturing the mouse's scrolling wheel behavior

If you're browsing with an embedded maps iframe using your trackpad or mouse, you can potentially trap yourself into the Maps' zooming capabilities, which is really annoying. Try it here: https://developers.google.com/maps/documentation/embed/guide#overview Is …

Read More
Is there no way to embed a Google Map into an HTML email?

I have done a good amount of research and have found several "solutions" such as the static maps API and simply sending a link to a Gmap. However is there really no way to actually send someone a Google Map?

Read More
Responsive iframe (google maps) and weird resizing

I am trying to add a Google Map to my design, that is supposed to be responsive. I've used the same code that works out for images... But for some reason, the map's iframe resizes with dimensions I didn't pick. …

Read More