[danielmoutouParticipant]

Hello,

I have the latest WordPress with the latest X theme and shortcodes plugin.

There’s something very annoying happening whenever I scroll a page and the cursor hovers a Google map : it zooms inside the map instead of scrolling. So, how can I disable the scroll zoom on Google Maps (I use the [map] shortcode)?
Example page : http://mof69.fr/contact/

Cheers,
Daniel

[ZeshanMember]

Hi Daniel,

Thank you for writing in! This is the default behaviour of Google Maps iframe.

Thanks.

[ZaepianParticipant]

Daniel,

It looks like you found a solution to this problem, and I’m searching for a solution to the exact same issue.
Can you share what you did?

Or, Themeco, can you provide a better answer than “This is the default behavior?”
Obviously this is default, so how do we go about changing it?

http://www.sanmarinoclub.com/wordpress/contact/

Thanks for the help.

[ZaepianParticipant]

I added the following bit of code to APPEARANCE>CUSTOMIZE>CUSTOM>CSS

.x-map-inner iframe {
    pointer-events: none;
}

This works to stop the scrolling, but it also makes everything else within the map stop working.
So, this is not a good option for me.
Daniel’s solution stops the scrolling and still allows the zoom and other buttons to work on-click.
I’m searching for that solution.

[Rue NelModerator]

Hello There,

Are you using map embed? Use Google map element instead. With this element, you have more control. You can prevent the scrolling, dragging and zooming. Unlike the embedded map, you are only relying to the code that displays the map.

http://prntscr.com/7p9piy

Hope this helps. Kindly let us know.

[danielmoutouParticipant]

Hello Zaepian. No, I didn’t find the solution for my Google map problem. It still zooms when I scroll over it. But thanks to you, the (new) Staff provided a more elaborate answer and I’ll try the Google map element instead.

Cheers,
Daniel

[RupokMember]

Hi Daniel,

Thanks for updating! I believe you won’t face any problem with Google map element. If you face any problem, feel free to let us know. We’ll be always there to assist you.

Cheers!

[ZaepianParticipant]

Daniel,
That’s peculiar. When I visited your site, your map did not zoom when I scrolled over it. I tried several times to get it to do so, and it simply wouldn’t. I wonder why it behaved in that manner if you hadn’t yet fixed the issue. Anyway, if you were still experiencing the problem on your end, I’m glad I spurred another answer out of Themeco. I hope it works for you.

Themeco,
As for me, using the Google Map element vs the Map element is not a viable solution as it removes other desirable features, i.e the option to view larger map, satellite imagery option, time to users ‘home’ address etc. I’d prefer to add some code to remove the zoom function from the Map element.

Thanks for any further help you might be able to provide.

[ZeshanMember]

Hi Zaepian,

Thank you for your feedback! I’ll forward it to our developers.

However, we don’t have any control over the Google embedded maps as they don’t provide scroll zooming disable property. There are a few hacks which possibly disable the zoom functionality but would fall outside the scope of our support and you may wish to hire a developer to assist you with that. Please review this article: https://community.theme.co//custom-development/

Similar question (and solution): http://stackoverflow.com/questions/21992498/is-it-possible-to-disable-mouse-scroll-wheel-zoom-on-embedded-google-maps

Thanks!

[Author]

Posts