How do I embed a Google Map on a webpage?

Add a Google Map to your webpage

Warning: The St Albans Diocese office uses ArcGIS as their official map provider. Please contact the Comms & DAC team for official maps and only use Google Maps for minor tasks or quick references.

Note: To use Google Maps, a diocesan google account is required with google maps enabled. Please raise a support ticket if you need an account setup and/or cannot access Google Maps after signing in with error message: "you do not have access to Google Drive"

Go to Google My Maps >
Sign in with your diocesan google account if asked
1. Do not use a personal Google account
Create your google map
Once finished, in the map select the 3 menu dots to the right of the map's title
Select Embed on my site
Copy the iframe code
Log into the website if you haven't already
Navigate to the webpage you wish to embed the map on
Select Edit
At the location you want the map to show select the + icon to add a new block and type html.
Insert a Custom HTML block
In the block where it says Write HTML insert the iframe code you copied in step 6
Change the width to 100% inside the double quotation marks
Change the height to 600 inside the double quotation marks
1. Example of code:
  <iframe src="https://www.google.com/maps/d/u/0/embed?mid=[mapid]" width="100%" height="600"></iframe>
Preview the change
Change the height to another value if you wish to reduce or enlarge the size
Publish the page