Jump to content

Embedding Snazzy Maps with (new) Snazzy Info Window

Recommended Posts

Site URL: https://bluebird-kangaroo-dwz5.squarespace.com/tasting-rooms

Hello!

I have a Snazzy Maps with a Google API that I've embedded in a Code Block here. (password: Cows)

Snazzy Maps has a new plugin here that is meant to populate a dialogue box with every marker on the map. For some reason, I can't get these to sync. Are they just incompatible? Do I need to insert code into a different area? Help me pleaseeeee.

Thanks in advance!

Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

4 hours ago, existentiallywarm said:

Site URL: https://bluebird-kangaroo-dwz5.squarespace.com/tasting-rooms

Hello!

I have a Snazzy Maps with a Google API that I've embedded in a Code Block here. (password: Cows)

Snazzy Maps has a new plugin here that is meant to populate a dialogue box with every marker on the map. For some reason, I can't get these to sync. Are they just incompatible? Do I need to insert code into a different area? Help me pleaseeeee.

Thanks in advance!

Have you added the embed code injection to your site? I can not find it

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 months later...
14 hours ago, mtoppel said:

I'm having the same problem. Looks like you've successfully added a multiple marker map to your site. How was that done?

https://bluebird-kangaroo-dwz5.squarespace.com/tasting-rooms

image.png.2bfd0a580c547f633f9b17e509277fa7.png

I see that site uses Google Map Embed code.

<div style="height:400px;width:100%;display:inline-block;overflow:hidden;margin-bottom: -50px;margin-top: 50px;">  
  <iframe src="https://www.google.com/maps/d/embed?mid=14U7wpvaZVuaU3KneFI2srXzEONWiok1A&amp;ehbc=2E312F" width="100%" height="400px" frameborder="0" style="position:relative; top:-60px; border:none;">
  </iframe>
</div>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 weeks later...

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.