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,
  }}
/>

它应该是这样工作的。祝您今天愉快,