Link Search Menu Expand Document

Add your map to your website

Presenting an interactive map on your website is easy with the option to embed maps. This way your website visitors can explore the map without changing context and the map’s latest updates are always reflected.


At the bottom of the Map Edit page, find the embed code in the Embedded map section. It should look similar to this:

campaign-form

Copy and paste the whole text on the website you want to embed the map to. You may need to review how embeds work on your specific CMS or website tool but generally pasting the full HTML text is enough.

Save and see if that worked (you might see a white box, give it a few seconds to load). You can add text that describes the map and links to the full sized, fully featured map on OGM2.

Also check how the search bar looks: you may want to edit the height of the embedded map, to make sure it is big enough when people interact with the search functionality.

Note: On Squarespace use #3 “Add an Embed Block” section: Alternatively, click the </> icon in the URL field to add or edit the embed code manually. So click that “</>” icon and paste the whole code from the “Embedded map” section. Save and the map should now be embedded.


Back to top

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License