React Google Maps 无法关闭滚动缩放答案

【问题标题】：React Google Maps Unable to set scroll zoom offReact Google Maps 无法关闭滚动缩放
【发布时间】：2016-03-18 17:55:55
【问题描述】：

我一直在尝试将滚动参数上的缩放设置为关闭，但无法关闭该功能。

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

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

如果有人可以关注它并帮助我找出将缩放滚动关闭的位置，我将不胜感激。

【问题讨论】：

标签： google-maps reactjs

【解决方案1】：

通过将scrollwheel:false 作为 GoogleMap 组件的选项来解决它

<GoogleMap options={{ scrollwheel: false}}>

【讨论】：

【解决方案2】：

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

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

滚轮选项的文档： Note: This property is not recommended. To disable zooming using scrollwheel, you can use the gestureHandling property, and set it to either "cooperative" or "none"

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

【讨论】：

【解决方案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>

【讨论】：