3

Can anyone tell me how to disable scrolling when using the Google Maps Embed API?

I am building a site which requires an embedded map in the middle of a page which users need to be able to scroll past without accidentally engaging the zoom feature.

I tried taking the necessary argument from the javascript api and supplying is as part of the arguments in the url string.

scrollwheel: false

Reformatted to:

&scrollwheel=false

This did not work. Instead of a map, I then get "The Google Maps API server rejected your request. Invalid request. Unexpected parameter 'scrollwheel'."

If there is no legit way to achieve this via the embed api, can anyone recommend a hackier solution? I still want people to be able to interact with the map via onscreeen buttons so I can't simply overlay a transparent div, or disable pointer events.

I am asking specifically about Google Maps Embed API. I am not interested in solutions which would require the using the Google Maps JavaScript API instead. For this project I am not able to switch to the JS API.

This is not a duplicate question, it is a different API and no one on SA has answered how to disable scrolling with the Embed API.

metaColin
  • 1,973
  • 2
  • 22
  • 37

1 Answers1

0

Looking at the documentation for embeds, I cannot see any way using the request URL to disable zoom.

However, you may want to see this post from this site to see about an alternative. It will not be an embed, but it will be the next best thing.

Community
  • 1
  • 1
bcdan
  • 1,438
  • 1
  • 12
  • 25