reactjs - google-maps-react 禁用滚轮

Question

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

我试过这个：

defaultOptions={{
    scrollwheel: false,
  }}

和这个：

MAP_OPTIONS = {
  scrollwheel: false,
}

但这对我不起作用

如果你能帮助我，那就太棒了！提前致谢！

Answer 1

在https://github.com/fullstackreact/google-maps-react您有机会将选项添加为元素属性。

根据https://developers.google.com/maps/documentation/javascript/interaction您可以通过禁用“平移交互”来移除滚轮（gestureHandling: 'none'）

解决方案：

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

Answer 2

你能提供整个代码吗？

你把它放在 GoogleMap 标签中了吗？

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

它应该像这样工作。祝你今天过得愉快，