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 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 500 x 400. To choose this size click on Custom and type in 500 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="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

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