How to embed a google 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.

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="500" 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="500" 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="500" 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

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