How to embed a map

Adding a google 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 600 x 400. To choose this size click on Custom and type in 600 for width & 400 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="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/?ie=UTF8&amp;ll=-24.880519,152.354279&amp;spn=0.150434,0.219727&amp;z=12&amp;output=embed&amp;s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></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="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/?ie=UTF8&amp;ll=-24.880519,152.354279&amp;spn=0.150434,0.219727&amp;z=12&amp;output=embed&amp;s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe>

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

[[embed]]<iframe width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/?ie=UTF8&amp;ll=-24.880519,152.354279&amp;spn=0.150434,0.219727&amp;z=12&amp;output=embed&amp;s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe>[[/embed]]

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

Example

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