How To: Embed ‘Google My Maps’

Great little tool! Makes my map with a kml overlay so much easier to view.

Feature request, if you are so inclined: it would be nice if I could paste the code your tool generated previously, so I could tweek it without going through the whole generation process again.

Thanks again!

Thanks for the comment! I have tons of people using it, and you’re the first one who actually said something about it.

I was wondering when somebody would ask for what you’re asking – seems like an obvious thing to have. I’ll try to add that as soon as my schedule allows.

Thanks for the feedback, again.

Update: Added the ability to load some previously created code into the tool. Just paste the code that you already have into the Code text box, hit the Load button, and you can continue working on your map right where you left off.

Great tool Daniel. Thanks.

The IFrame tag should include the attribute
scrolling=”no”
This will remove scrollbars in IE.

I figure it’s up to the end user to do whatever they wish with the iframe. I personally always include frameborder=”0″ to remove the 3D border around the map.

Thanks for the feedback.

P.S. Usually scrollbars would appear in case you tried to change the size inside the style param in iframe tag, and didn’t change the params passed to the the map itself (there are 2 places where the size needs to be specified for everything to fit properly).

Hi Daniel Thank you for this excellent tool !
But I have just a problem on my blog : the size of the map is not correct whith Firefox (and it it ’s OK with IE…) I don’t find the solution …
ex : map of Venezia at the end of this post : link

best regards – Marc (from France)

Hmm, I truly don’t see why, but Firefox seems to be ignoring the style tag on iframe there. Try to remove it, and replace it with the following:

width=”455″ height=”455″ frameborder=”0″

That should fix the problem. Wonder if anyone else will notice the reason for FF ignoring the styles.

Daniel, hey thanks for so quickly responding to my feature request. I just used the new load’n'go and it worked super-duper. I’d added more hike’n'bike trails to my map (kml) and needed to change the zoom and center. Rock’n'Roll (don’t know why I’m so ‘n’ crazy today!)

Hi Daniel,

I find the solution the good code is :

@+marc

Hey,
I tried out your tool about a week ago, and coming back to actually implement my embedded map, it seems that I cannot get my KML to overlay with your tool anymore. It shows up on the Working Map on the left, but not on the Final Map on the right or in my webpage. I think it is a fantastic solution to what I’d like to do. Thoughts?

Hmm, strange. I just tried it, everything seems to work. Which browser are you using? Are you trying to create a map from scratch, or loading it from previously created code?

Let me know, more and I’ll try to figure it out.

Is there anyway to embed a map, but keep the zoom flexible? So you could zoom in and out on it?

Yes, just put a check next to “Map Control” and that will give you [+] and [-] to zoom in and out on the final map.

Hi Daniel,
Thanx for the tool. It’s great so I mentioned it on my weblog:
link
(sorry, Dutch)
Why not offer a few predefined sizes in a pull down menu?
And leave the “style” and use the traditional width and height instead (in mho)

Update: The width and height parameters are now saved as normal HTML properties of IFRAME object and are no longer a part of the style tag.

Great tool. I easily embedded the map. I only have one marker on my map. Do you know a way to have the info window for that marker showing by default?

Hey dude, just wondering if KML files created in picassa work with your app.

I am trying for it, would be a big help if you could tell me ….

I’m not sure what Picasa creates, so the only way would be to just try and see.

With the info window showing right away – I’m afraid I don’t have control over it.

Hi. I’m suddenly experiencing the same trouble Clint indicated above. I’ve been using your tool successfully for a few weeks now and dealing with the GoogleMaps 50 marker limitation by splitting my maps.

BUT… all of a sudden my KML overlay is no longer appearing on the Final Map or my embedded maps, though it appears on the working map at left.

I’m using Firefox, and always have been since I started using your tool. Any help is greatly appreciated. Thanks!

I love your tool Daniel. Been using it a lot lately in my blog. You should consider writing a spanish version of the page, I can help you with that. Also, I could write a spanish how-to like the one Noel Jenkins wrote. Let me know what you think. Cheers.

Thank you for the kind words. If you get the directions page in Spanish together, I will gladly link to it.

Just a quick note for any of your users who might be frustrated by a Google Maps API Key registration error when using your tool to embed maps…

If you’re using the dr2ooo tool and running the Inline Google Maps plugin, or any other (I presume) that requires you to register for an API Key, your site may generate an error that says: “The Google Maps API key used on this website was registered for a different web site.”

Disabling the plugin resolved the issue for me. Your tool is much better anyway! I talk about this in a bit more depth on my LiveWorkDream Roadtrip Maps page

i need support for ditu.google.com, it’s google’s china map. in scripts, just replace maps.google.com to ditu.google.com.
thanks~

Dear Daniel,
Thanks for this desperately needed tool. I have been using it for my travelogue, to display a few maps of Mongolia (if you go to autogeno.us, click on the “mongolia maps” link at the top of the right sidebar). My only frustration is that if I decide to add a link to one my marker’s callouts, I cannot get the link to open in a new page. Instead, it replaces the map inside the iframe. Is there a way around this? For example, in the Ulaanbaatar map I have, there’s a hotel marker for Michelle Hotel that has a link to the hotel’s home page-click on it to see what I mean.

Thanks for the excellent work!

You need to make those adjustments through the My Maps interface (where you build the maps themselves).

My tool only takes that map and embeds exactly as it was in My Maps.

On the My Maps interface, edit the HTML on the tabs and add target=”_blank” parameter to your links. That should solve it for you.

I’m using this over at energyshortage.blogspot.com tracking worldwide energy shortages and it’s great. Very interesting to see where energy issues are globally; adds a very nice visual touch.

Hi,
Just a quick note to say “you rock!” Thanks for sharing your “embed google my map” tool with the those of us not smart enough to create one for ourselves.

cheers
Helen

Hey Daniel! Thanks for this great program. Even with Google’s addition of a feature to automatically generate the iframe code, it still does not work in my Wordpress blog, so I have been continuing to use your program.

Tonight I find that I am no longer able to load the KML overlay, though…when I click the button to do so nothing happens. This happens both in linux under Firefox 1.5 and in my XP VM under IE7.

Is it just me?

Thank you for posting this. Indeed there was a problem. Something in API changed and KML overlay wasn’t working.

I’ve adjusted the code now and everything is back to normal. Let me know if it works for you too.

Thanks, Daniel! Sorry I could not get back to you sooner, but it is working again! I appreciate it very much!

Thanks for a great tool. Works a treat. I do have a bit of a cheeky question though,

Is there anyway of removing or shrinking the ‘build you own map’ button? I ask only because my site requires a small sized map and it covers a loy of info. Of course I’d be happy to place the link under the map if possible..?

Either way, thanks again!

Many thanks, Daniel.

Wanted to show the place where i grew up and your tool made it a cinch.

I saw your tool being used on this site http://www.215saint.com/ then I went and immediately applied it to this page http://calvincenter.org/directions.html

THANKS!

I’ having some difficulty with your embed google
map tool (which is great) how can I contact you?
I can’t get my google map to appear in the overlay feature
btw, beautifu graduation
I live in Windsor Terrac

I have created a custom map with your tool Embed Google My Maps. However, I haven’t got a clue how to make markers and place them on the map.

In particular, I can’t figure out how to perform this action : “After you have created a map using Google My Maps, copy-paste the KML URL (located on the toolbar of My Maps interface) in order to add the same overlays to your embedded map.”

What are KML URL and overlays?
Thank you for your help.

Arno, you’ll find all the relevant informations you need there :http://maps.google.com/support/bin/answer.py?hl=en&answer=68480

Daniel, an other problem with overlays; just as Jim or Clint a while ago my KML overlay is not appearing on the Final Map or my embedded maps,
Has anything changed with Google that would explain that ? Could you have a look at it ?
Thank you for your great tool !

finally, i have map in my blog from great tool..thank you.