Print Friendly and PDF

Linking and Embedding Google Maps in Content

Create Google Map

The same basic steps can be used for any other mapping provider.  Google is represented here, as it is currently the most common.

Before you can embed or link to a Google map, you will need to create it in Google.

  1. Go to http://maps.google.com
  2. Enter the address and click Search.
  3. Verify that the map is pointing to the correct location, then click Share.

Linking to the Google Map

Use these instructions if you want the map to open up in a completely different window.

  1. Copy the website address (URL) from the top part of the Google Link window, or from the Share window.
  2. Open your website CMS Control Panel
  3. Click on Edit for the page that you would like to add the link to.
  4. Create text to be linked, such as "District Map"
  5. Click the Link Button and paste the Google website URL into the space called Link URL.
  6. Select New window for Target.
  7. Click Insert.

Embedding the Google Map in your page

Use these instructions to have the map display directly on your page.

  1. After clicking Share, click Embed Map
  2. The size of the embedded map can be adjusted from the size dropdown tab to the left of the code field. Small is 400px wide, Medium is 600px, and Large is 800px. Select Custom Size to generate an embed code of a different size.
  3. Copy the displayed code from the Embed Map window. 
  4. Open your website CMS Control Panel
  5. Click on Edit for the page that you would like to add the link to.
  6. Create a new Plain Text/Embed Script content block and paste the copied google code into the new content area..
  7. Save the content block and Publish the page.

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk