How to Embed a Google Map In Your Web Page

You can embed a simple map, a set of driving directions, a local search, or maps created by other users. Here's how:

  1. Once you have your Google Map created, ensure that the map you'd like to embed appears in the current map display.
  2. Click "Share" at the right of the page. 
  3. In the box that pops up, click "Embed"
  4. Copy the entire HTML "<iframe> code string and paste it into the HTML code of your web page.
  5. Click update and then while still in edit mode, in the Main Content area of the page, type a space. This tells the system that there is content on the page and will allow it to display "iframe" code.

If you'd like to adjust the size of the map before you embed it, just click Customize and preview embedded map, select your preferred size, and take a look at the preview map. Once you're happy with what you see, copy the HTML that appears in the box at the bottom of the window.

Keep in mind that you won't be able to embed Traffic maps and some other Maps features.

screenshot of google map

For more detailed information on how to add a Google Map to your site, visit http://maps.google.com/help/maps/getmaps