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

Rag*_*a S 14 javascript google-maps google-maps-api-3 responsive-design

我的Google地图选项就像

{
    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"},
}
Run Code Online (Sandbox Code Playgroud)

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

用两根手指移动地图

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

如何让单个手指可以移动地图,但不能缩放地图?

小智 34

添加gestureHandling: "greedy"到地图选项.

以下是有关此选项的文档:gestureHandling

  • 谢谢这个解决方案解决了使用单指触摸而不是双指触摸的问题。为了避免缩放级别,我使用了 `maxZoom` 选项。 (2认同)