Tuesday, August 21, 2007

Embed your Google My Maps into your blog or website

Last week the Sydney Morning Herald's Stephen Hutchen broke the news that an embeddable map feature was coming soon to Google Maps. This feature has just been launched on Google Maps and lets you to embed your Google My Maps or geo searches in your own website or blog! Here is how the feature works: Once you are logged into Google Maps click the My Maps tab and then click on one of your My Maps in the list (or create one). At the top right hand corner of the page, click "Link to this page":



You'll notice a new option in this dialog: "Paste HTML to embed in website". You can either copy this code and tweak things like width and height values to fit in your post or web page or click the "Customize and preview embedded map" link for more options. Here is what you'll see:



I mentioned above that this also works for grabbing geo search results and embedding these in the same fashion. Run a search on Google Maps and you'll notice the link to this page feature will also allow you to take search results for local business queries or user created maps for a location and embed this as a map on your blog/website.

This is a great feature to add the Google My Maps you create directly to your blog posts or webpages. Think of it as syndicating your My Maps mashups!

Official Google Lat Long Blog post:
YouTube-style Embeddable Maps

Sydney Morning Herald covers feature addition with an embedded My Map:
Google launches embeddable map feature

Google Press Center:
Google announces a simple new way to embed Google Maps

______________

10 comments:

Tony Cai said...

Hi, there seems to be a bug in Google Maps when you embed into a website.

Look at my help request here:
http://groups.google.com/group/Google-Maps-Troubleshooting/browse_thread/thread/499688d623205686/920719aa4c252744#920719aa4c252744

Do you know a fix for this or why it might be happening?

dublinstreams said...

does it work in bulletin boards etc for people I tried my in my fav board and it doesn't work its vbulletin 3.5.5 I think

RobMaps said...

If you want an embedded map with a sidebar and tooltips for markers try http://www.mapchannels.com or http://www.mymapsplus.com

admin said...

This works very well, but I have one problem. If I add links to the pop-ups, when the map is embedded these links open inside the iframe - I cannot get them to open in the main window. I've tried adding target="_blank" or target="_top" to the HTML code in the maps, but Google just removes this code - it won't seem to let me save it. Can anyone help?

Stuart said...

Quite useful! I've also discovered I can combine this with KML files hosted on a non-Google server (just use the URL of the KML file in the search location field).

Any idea whether you can customize the navigation elements of the embedded map (i.e. use the detailed zoom option instead of +/-)?

Brandon said...

If you want to instantly embed popup Google Maps for all the locations on a page, try MapMyPage. MapMyPage is the fastest, easiest way for bloggers and website owners to add Google Maps to any website. Just copy one line of JavaScript into a web page and MapMyPage will automatically add Google Maps to all the locations mentioned in the page.

http://www.mapmypage.com

Hoboken411 said...

Hey admin - I'm having the same problem (links open inside the iframe)...

Have you been able to solve this?

robsawyer said...

I've created a tool that will allow you to embed Google Maps on blogging platforms that strip out iframes e.g., Tumblr. The service is free and can be accessed at http://robksawyer.com/embedr/.

GIS Mapping Online Jobs said...

How can we embed general map on our website so that when anyone clicks on an address, he is taken to thwe exact location. Thanks.

PR said...

Give a try to : http://www.mapsofall.com/map-generator/
You can paste Google, Bing or even OSM to your site.