Dynamically change Google Map address and disable zoom on scroll

radmitry · 2017-05-04 16:08:37 UTC

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?

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

samliew · 2017-05-04 23:24:28 UTC

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

radmitry · 2017-05-05 04:57:39 UTC

Hm, no additional code on this page, neither jqueries

samliew · 2017-05-05 05:03:33 UTC

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.

radmitry · 2017-05-05 05:23:06 UTC

Yes! Thank you places the script in the footer