Page Comparison

...

• 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

Anchor
steps-1 steps-1

1. Navigate to Google Maps.

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

3. Select Share.

4. 

   Select Embed a map.

   

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

Anchor
steps-2 steps-2

1. Navigate to Google My Maps.

2. Select + Create a new map.

   

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

4. Select Share.

   

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

6. Enable Anyone with link can view.

   

7. Select Close.

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

9. Select Embed on my site.

   

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=.

    

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

Anchor
steps-3 steps-3

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 RemovedImage Added

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

5. Under External Embeds, select Google Maps.

   

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.