Page Comparison

Google Maps and Google My Maps are both supported content types in the WCMS 3 and can be embedded onto content pages. On this page, learn how-to:

• Create an embedded map URL using Google Maps

• Create an embedded map URL using Google My Maps

• Add an embedded map URL to a page

Create an embedded map URL using Google Maps

1. Navigate to Google Maps.

2. Enter the address of the location you wish to embed.

3. Select Share.

4. Image Added

   Select Embed a map.

   Image Added

5. Select and copy (Ctrl + C) the URL contained within the quotation marks. The URL should begin with: https://www.google.com/maps/embed?pb=.

Note: Full URL might not be completely visible at first glance, which may require you to scroll to highlight it all. If you are unable to select the URL within the quotation marks without selecting the entire line, you may need to paste (Ctrl + V) the line in a document and remove the adjacent text (i.e., iframe, width, height, and any quotation marks).

Create an embedded map URL using Google My Maps

1. Navigate to Google My Maps.

2. Select + Create a new map.

   Image Added

3. Enter the address of the location you wish to embed.

4. Select Share.

   Image Added

5. Enter a Map title and description (optional). Select OK.

6. Enable Anyone with link can view.

   Image Added

7. Select Close.

8. Select the 3 dots to the right of the title.

9. Select Embed on my site.

   Image Added

10. Select and copy (Ctrl + C) the URL contained within the quotation marks. The URL should begin with: https://www.google.com/maps/d/u/1/embed?mid=.

    Image Added

11. Note: Full URL might not be completely visible at first glance, which may require you to scroll to highlight it all. If the URL is formatted as 'https://www.google.com/maps/d/embed?mid=', enter '/u/1/' so it matches the format in step 10.

Add an embedded map URL to a page

1. From the administration bar, select Workbench, then select My Dashboard.

2. Navigate to the Content list panel and select the content you would like to edit.

3. Select the Layout tab.

   Image Added

4. Select + Add section if applicable, then select + Add block.

5. Under External Embeds, select Google Maps.

   Image Added

6. Enter a Title. Select whether you want it to display by checking/unchecking the Display title box. The Title will appear as a Block heading if Display title is selected.

7. Paste (Ctrl + V) the Google Maps/My Maps URL in the Google Maps Embedded URL field. 

8. Enter Maps height in pixels.

9. Select Add block (Or Update if it’s a pre-existing Block).

10. Select state from the Change to: drop-down menu.

11. Select Save layout.