Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to embed a Google map

Content maintainers can embed maps from Google Maps and Google My Maps within various content types.

...

Obtaining an embedded map URL in Google Maps

  1. Navigate to: www.google.ca/maps

  2. Enter the address of your location.

  3. Select the Share button.

    Image Added
  4. Select the Embed map tab and copy the URL.

    Image Added
  5. Paste the URL in the Google maps embedded URL field in the properties box.

    1. Remove unnecessary "iframe" information from URL. You only want the URL information contained within the opening and closing apostrophes. Do not include the apostrophes in the URL. The URL should start with: https://www.google.com/maps/embed?pb=

...

Obtaining an embedded map URL in Google My Maps

  1. Navigate to: www.google.ca/mymaps

  2. Select the Create a new map button.

  3. Enter the address of your location.

  4. Select the Share icon, and enter the name of the map.

    Image Added
  5. Edit the Sharing settings access from Private to Public.

    Image Added
  6. Change the Link Sharing option from Off to On (either Public or Anyone) and click Save.

    Image Added
  7. From the Sharing settings box, click Done.

  8. Open the menu beside the name of the map.

    Image Added
  9. Select Embed on my site link.

  10. Highlight and copy the URL information contained within the apostrophes.

    Image Added
  11. Paste the URL in the Google My Maps embedded URL field in the properties box.

...

Embedding a Google Map/Google My Maps into the WCMS

  1. Open a piece of content in which the map will be embedded, i.e., a web page.

  2. Place the cursor where the map will be embedded and click the Embedded map icon in the editing toolbar.

    Image Added
  3. Enter the information into the Embedded maps properties box.

    Image Added
    1. Select the Embedded Map Type of either Google Maps or Google My Maps.

    2. Enter the embedded map URL.

    3. Enter the height of the map in pixels (recommend 480 pixels).

  4. Save and Publish content.