Embed Basic Google Maps into Websites
February 10, 2009 by Timothy
Filed under GIS Tips, Google Maps
Google Maps are becoming more and more common on websites. They are being used to show business locations, directions, news happenings, etc. Very rarely now can you go to a website without encountering a map. Although Google Maps appear very high-tech, they can be easily placed into any website or blog with just a few steps. Make sure you are not missing out on the technology available today.
To Embed a Google Map:
1. Decide where you would like to have the map located.
I have decided to place a map on my Google Mapz page under the Create Map section. This example is being done through Weebly (A free, simple to use website host and editor).
2. Go to Google Maps and zoom in on the extent of desired map.
I have zoomed in on the Washington, DC area.
3. Select Link from the top right hand corner of the page.
This will give you the option to copy the actual page link or embed with html.
4. Copy HTML code from embed window.
Highlight code and right click to copy or Ctrl + C.
5. Paste HTML code into web page editor.
Make sure you are placing this where HTML can be read and not directly as plain text. To paste, right click in area and choose paste or Ctrl +V.
6. Publish web page
The map is now embedded within my web page with a matter a minutes. Try it out today!
Related Books
Beginning Google Maps Mashups with Mapplets, KML, and GeoRSS: From Novice to Professional
Bridgman Pest Control on Wed, 11th Feb 2009 3:15 pm
Nice post, this could be a really cool feature for my site. thanks.
Easily Create a Custom Google Map « Central Iowa 4-H Technology Team on Thu, 19th Feb 2009 9:30 pm
[...] maps are all around us. These maps can be embeded into websites. They can also be customized to include various types of information for [...]