Google Maps API Tutorial

© 2007, 2008, 2009 Mike Williams

 
Translate this page:

 

Embedded Maps

It's now easy to embed a maps.google.com map in your own web page.

That can include map searches, get directions, My Maps (your own and those created by others), KML files and GeoRSS files. It can't include Mapplets.

The content is dynamic. The display shows the current result of performing the search or loading the My Map file, etc., rather than the content that was found at the time that you embedded the map.

All you have to do is to go to maps.google.com and set up the view exactly how you want it, then click on "Link to this page" and copy the "Paste HTML to embed in website" text into your own web page. No API key is required. No knowledge of Javascript is required.

There's a "Customise and preview" option that allows you to change the size of the embedded map.

The result looks like this. The same display that you saw on maps.google.com but with no sidebar or other widgets except a "View Larger Map" link that links to the original maps.google.com page.



View Larger Map

 
Back to Mike's Homepage
Up to the start of this tutorial