首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >React Google地图无法设置滚动缩放关闭

React Google地图无法设置滚动缩放关闭
EN

Stack Overflow用户
提问于 2016-03-19 01:55:55
回答 3查看 3.3K关注 0票数 8

我一直试图将滚动参数上的缩放设置为关闭,但在turing关闭该功能时没有运气。

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

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

如果有人能看一眼,并帮我找出把缩放卷轴关闭的位置,我将不胜感激。

EN

回答 3

Stack Overflow用户

发布于 2016-03-22 01:34:19

通过将scrollwheel:false作为GoogleMap组件的选项解决了这个问题

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

票数 7
EN

Stack Overflow用户

发布于 2021-05-05 20:45:59

这里最好的解决方案是设置

<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

票数 1
EN

Stack Overflow用户

发布于 2019-06-27 03:06:15

要在React js中隐藏“使用ctrl +滚动条缩放地图”,请将options={{ gestureHandling: "greedy" }}>放入

代码语言:javascript
复制
<GoogleMap
        defaultZoom={15}
        defaultCenter={{ lat: 44.814346, lng: 20.458047 }}
        options={{ gestureHandling: "greedy" }}>
        <Marker position={{ lat: 44.814346, lng: 20.458047 }} />
</GoogleMap>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36091208

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档