Embedding a custom map

Site URL: https://rangerclub.uk

We are looking to embed ideally a custom Google map with multiple pinned locations within a single layer. This is easily done but uses JavaScript / iframe which isn't in our Square Space plan.

Are there any other viable options? Google Maps does allow exporting to KML/KMZ.

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/

@iamdavehart You are awesome! I tried everything except that. I completely forgot about the embed feature and to be fair I'm surprised it worked (assumed it was mainly for videos).

We'll keep it on the DL as Square Space support didn't even know this. When they find out they'll make the embed block premium plans only..

Would you mind testing the site for usability? https://rangerclub.uk

AFAIK Squarespace will embed anything embed.ly tell them to.  https://embed.ly/providers

I don't do usability testing. sorry. I just answer little code questions when I have insomnia 🙂, you could try posting it in the Site Feedback section of the forum