How to embed a Google Map

Adding a user map to a page is relatively easy.

1. Go to Google Maps and zoom to the area you are interested in.

2. Click on the word "link" which should be just above the map window on the extreme right of the page.

3. Click on the words "Customise and preview embedded map" at the bottom of the box appears.

4. Select the map size you want in the new browser window that appears. Most Maps on the site are 800 x 600. To choose this size click on Custom and type in 800 for width & 600 for height.

5. Copy and past the HTML code that appears in window three to your page. It will look similar to the text below.

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109847524440672387251.0004760c05228cd4a1b59&amp;ll=-24.872576,152.345009&amp;spn=0.093443,0.137329&amp;z=13&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.au/?ie=UTF8&amp;ll=-24.880519,152.354279&amp;spn=0.150434,0.219727&amp;z=12&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

6. Delete everything that comes after </iframe>, i.e. keep the following text.

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109847524440672387251.0004760c05228cd4a1b59&amp;ll=-24.872576,152.345009&amp;spn=0.093443,0.137329&amp;z=13&amp;output=embed"></iframe>

7. Type [[embed]] before the text and [[/embed]] after it, e.g.

[[embed]]<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109847524440672387251.0004760c05228cd4a1b59&amp;ll=-24.872576,152.345009&amp;spn=0.093443,0.137329&amp;z=13&amp;output=embed"></iframe>[[/embed]]

8. Thats it. The code above generates the map below.

9. If you haven't already added a place marker to the Wikidot World Maps go to the Wikidot World site, and follow these instructions

Example

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License