GIS Pathway... » website http://gispathway.com ...helping guiding you to success in the world of GIS! Wed, 24 Aug 2011 12:15:46 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Embed Basic Google Maps into Websites http://gispathway.com/2009/02/10/embed-basic-google-maps-into-websites/ http://gispathway.com/2009/02/10/embed-basic-google-maps-into-websites/#comments Tue, 10 Feb 2009 14:00:46 +0000 Timothy http://gispathway.com/?p=1244 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).

page-empty
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.

basic-map

4. Copy HTML code from embed window.

Highlight code and right click to copy or Ctrl + C.

basic-map-html

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.

embed_html

6. Publish web page

The map is now embedded within my web page with a matter a minutes.  Try it out today!

page-map

Related Books

1430216204 0596101619

Beginning Google Maps Mashups with Mapplets, KML, and GeoRSS: From Novice to Professional

Google Maps Hacks

]]> http://gispathway.com/2009/02/10/embed-basic-google-maps-into-websites/feed/ 2