How To

How to Embed Google Maps on a Website

Contributor
By eHow Contributing Writer
(3 Ratings)

When you are designing a website, you may want to show readers where events occurred in the real world, how to find you offline or you may need to offer them directions to your business. Google Maps will allow you to embed their maps on your website, as well as driving directions, maps created by other Google Maps users or even local searches.

Difficulty: Moderate
Instructions
  1. Step 1

    Locate the map you wish to embed on your website. Use Google Maps to create a map of a specific location or directions to and from locations (see Resources below). You can embed a set of driving directions in the same way that you would embed a map of a single location.

  2. Step 2

    Click the link labeled "Link to this page." It is located just above the map on Google Maps search results. A box will pop up with both a link and a line of HTML code. Highlight the HTML code and copy it. Google Maps will also give you a link offering the option "Customize and preview embedded map," which you can use to change the size of the map you will embed.

  3. Step 3

    Paste the HTML code into your website's code, if you are using HTML code to design your website. If you are using software that does not require coding, you may need to switch to an HTML editing mode in order to insert the map.

  4. Step 4

    Check the live version of your site to ensure that your map is showing properly. It should be fully functional. For instance, if you click on the map, it should act as a link to Google Maps. If your map is not loading properly, the Google Help Center can provide troubleshooting support.

  5. Step 5

    Check the map that you have embedded on a regular basis. Any changes made to Google Maps, from adding new reviews to a business to moving a location marker, will show up on your version of the map. Since Google Maps is easy to edit for anyone, information that you do not approve can appear on your website.

Tips & Warnings
  • The Google Maps API is available to advanced web designers. More information is available at the Google Maps API website (see Resources below).
  • Google will not allow you to embed traffic maps or Mapplets into your website.

Post a Comment

Post a Comment
  • Have you done this? Click here to let us know.
I Did This

Related Ads

Internet
Virginia DeBolt,

Meet Virginia DeBolt eHow's Internet Expert.

Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US

Demand Media
eHow_eHow Technology and Electronics