How do I embed a Google Map on a webpage?

Add a Google Map to your webpage

Go to Google My Maps >
Sign in if asked
1. Create maps in a diocesan google account rather than a personal account. If you don't have a diocesan Google account, please ask the IT Team for one by raising a support ticket.
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