How to embed a Google Map in a page

Adding a google map to a page is relatively easy.

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

2. Click on the hamburger icon E top left of the map window.

3. Click on the words "share or embed map" on popup menu.

4. Select "Medium" for map size and click "Embed map".

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&ll=-24.880519,152.354279&spn=0.150434,0.219727&z=12&output=embed&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.com.au/?ie=UTF8&ll=-24.880519,152.354279&spn=0.150434,0.219727&z=12&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&ll=-24.880519,152.354279&spn=0.150434,0.219727&z=12&output=embed&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. If you happen to get a comments bubble obscuring the map add "iwloc=near;" to the code

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

Example

Related Pages

Notes (Edit)

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