Jump to content

Embedding a custom map

Recommended Posts

You just need to create the map in the My Maps section of your google account. add all the pins and lines and annotations you want. then make sure its set to public and use the "Embed In My Site" option. That will give you some iframe code that looks like this. you don't need the iframe bit, just copy out the link. the example here is a demo I just made for you of two points in london.

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1nInyBQ5-RZ8w71nRNrN4nm1WkuYZFf-h" width="640" height="480"></iframe>

next, go to your squarespace site, and add an Embed Block. just copy the link in and wait for it to locate the link and you're golden.

if it doesn't find the link. then click the little icon </> and paste the whole iframe code in from above, but change the width to "100%" and the height to whatever you want.

EDIT: here’s the link to Google’s docs on My Maps  https://www.google.com/maps/about/mymaps/



Edited by iamdavehart
Add google maps link

Dave Hart. Software/Technology Consultant living in London. buymeacoffee 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.