google-maps-react禁用滚轮

时间:2017-09-13 07:59:28

标签: reactjs google-maps-react

有没有办法禁用滚轮?我不确定如何将此选项集成到google-maps-react。

我试过了:

defaultOptions={{
    scrollwheel: false,
  }}

和此:

MAP_OPTIONS = {
  scrollwheel: false,
}

但它对我不起作用

如果你能帮助我,那真是太棒了!提前谢谢!

2 个答案:

答案 0 :(得分:0)

https://github.com/fullstackreact/google-maps-react中,您可以将选项添加为元素属性。

根据https://developers.google.com/maps/documentation/javascript/interaction,您可以通过禁用“平移交互”来删除滚轮( gestureHandling:“无”

解决方案:

<Map
  zoom={12}
  initialCenter={{ lat:-34.5920552, lng: -58.4253941 }}
  streetViewControl={false}
  fullscreenControl={false}
  gestureHandling='none' //this will disable scroll wheel
>
</Map>

答案 1 :(得分:-1)

你能提供完整的代码吗?

您是否将其放入GoogleMap代码?

<GoogleMap
  defaultOptions={{
    scrollwheel: false,
  }}
/>

它应该像这样工作。 祝你有愉快的一天,