React Google Maps 无法关闭滚动缩放

Question

我一直在尝试关闭滚动缩放参数，但是无法成功关闭该功能。

我正在使用react-google-maps组件。下面是链接。

https://github.com/sohilpandya/Bidlt/blob/master/src/js/components/builder/overview-google-map.js

希望有人能够看一眼，并帮助我找出在哪里关闭缩放滚动。

- Sohil Pandya

Answer 1

通过将 scrollwheel:false 作为 GoogleMap 组件的选项来解决它，如下所示： <GoogleMap options={{ scrollwheel: false}}>

- Sohil Pandya

Answer 2

这里最好的解决方案是设置
<GoogleMap options={{ gestureHandling: 'none'}}>

如果您还想隐藏+/-缩放按钮，可以添加一个额外的选项
<GoogleMap options={{ gestureHandling: 'none', disableDefaultUI: true}}>

滚轮选项的文档：
注意：不建议使用此属性。要禁用滚轮缩放，可以使用gestureHandling属性，并将其设置为“cooperative”或“none”

https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.scrollwheel

- Razvan Dragos

Answer 3

在React js中隐藏“使用ctrl +滚动缩放地图”的方法是将options={{ gestureHandling: "greedy" }}>放入代码中。

<GoogleMap
        defaultZoom={15}
        defaultCenter={{ lat: 44.814346, lng: 20.458047 }}
        options={{ gestureHandling: "greedy" }}>
        <Marker position={{ lat: 44.814346, lng: 20.458047 }} />
</GoogleMap>

- Dejan Markovic