Google Maps API Tutorial

© 2007, 2008, 2009 Mike Williams

Translate this page:


Embedded Maps

It's now easy to embed a 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 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 but with no sidebar or other widgets except a "View Larger Map" link that links to the original page.

View Larger Map

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