如何使用 JavaScript API 在移动设备的地图中禁用两指缩放选项?

Posted

技术标签:

【中文标题】如何使用 JavaScript API 在移动设备的地图中禁用两指缩放选项?【英文标题】:How to disable two fingers zoom option in Maps in mobile devices using JavaScript API? 【发布时间】:2017-01-24 14:42:47 【问题描述】:

我的谷歌地图选项就像


    center: userLatLng,
    zoom: 13,
    mapTypeId: 'roadmap',
    scrollwheel: false,
    navigationControl: false,
    mapTypeControl: false,
    scaleControl: false,
    draggable: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true,
    disableDoubleClickZoom: false,
    zoomControl: false,
    styles: styles['hide'],
    componentRestrictions: country: "in",

在移动设备上,会显示此消息:

用两根手指移动地图

如果我用两根手指,我可以移动地图,也可以缩放它。

如何做到单指可以移动地图,但不能缩放地图?

【问题讨论】:

GMaps v3 Disable Pinch to Zoom on iPad Safari的可能重复 它不是重复的,但无论如何它不能解决我的问题。 【参考方案1】:

gestureHandling: "greedy" 添加到您的地图选项中。

这是有关此选项的文档:gestureHandling

【讨论】:

谢谢这个解决方案解决了使用单指触摸而不是双指触摸。为了避免缩放级别,我使用了maxZoom 选项。 我正在使用嵌入式谷歌地图。我做什么? @Mr.ZeroOne 检查此文档developers.google.com/maps/documentation/javascript/examples/… 而不是使用嵌入式谷歌地图

以上是关于如何使用 JavaScript API 在移动设备的地图中禁用两指缩放选项?的主要内容,如果未能解决你的问题,请参考以下文章

如何在移动设备的混合应用程序中使用谷歌地图 API

Google Maps Javascript API 移动性能问题

如何使用 JavaScript 单击 Safari 移动设备上的按钮?

如何使用 javascript 使 flash 元素移动友好?

如何使用 javascript 为移动设备调整网站背景?

如何在移动设备的 JavaScript 中查看光标在哪个 div 上?