Overview
This article explains how you get a link (hyperlink / URL) that you can use to embed a Google map on a page using an iFrame (see Juniper Websites: How do I embed content from another website into a page using iFrames?).
Instructions
- Open https://www.google.co.uk/maps in your web browser.
- Search the map to locate the place you wish to add.
- Select the place on the map you want to create a map for. A panel appears on the left.
- Select Share from the panel:
- Select the Embed tab:
- You will see a preview of the embeddable map.
- Select COPY HTML:
Outcome
The full iFrame HTML code is stored in your clipboard. If you are familiar with editing HTML source code, you can select the Source option on the Editor toolbar to add the code to your content area.
Otherwise, you will need to extract the link to use within the iFrame tool to paste into the URL field when you embed the item into your page.
In the following example, the link (URL) is highlighted in bold. Copy this text only into the URL field in the iFrame dialog box:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2471.1356128109287!2d0. 46728361606282975!3d51.73055487967229!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2! 1s0x0%3A0x78ed18f8c3b1b0cd!2zNTHCsDQzJzUwLjgiTiAwwrAyOCcxMC4yIkU!5e0!3m2!1sen!2suk!4v1 668157845687!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Related information
Juniper Websites: How do I embed content from another website into a page using iFrames?
Updated