▼
Streaming live at 10am (PST)

Dynamically change Google Map address and disable zoom on scroll

Design help Custom code
#1

Hi all.

I’ve created the dynamic map with HTML embed and added the address from collection, it works perfectly on that page http://rcbl.webflow.io/event/perth-western-australia-3-week-live-in-transformational-retreat

Then I’m applying the code below to stop the zoom on scroll, it works perfectly on codepen, when you click once on a map it unfreezes it and you can click on “view larger map” , however in my webflow project the unfreezing doesn’t happen. What can possibly prevent it?

https://codepen.io/status201/pen/wKowKz

Here is my shared project https://preview.webflow.com/preview/rcbl?preview=b9d595e5af13c9bdf2d5ebe962ee6e64

#2

You have errors in the developer console. Probably because you included another jQuery on top of Webflow’s copy, so you have a conflict.

#3

Hm, no additional code on this page, neither jqueries

#4

Alright, then you are placing jQuery code in the body instead of Page Footer Code field.

jQuery is only available in the footer, after Webflow script is loaded.

1 Like
#5

Yes! Thank you :slight_smile: places the script in the footer