Jump to content

Embedding Snazzy Maps with (new) Snazzy Info Window

Recommended Posts

Posted

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!

  • Replies 4
  • Views 1.9k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

  • 2 months later...
Posted
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!)

  • 5 weeks later...
Posted

To change the zoom state of the Squarespace map block, you can edit the map block, then drag the block settings dialogue box out of the way (don't close it) and use your laptop trackpad to zoom in or out. Save the page and it should adjust the zoom state.

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.