web-dev-qa-db-ja.com

JavaScript APIを使用してモバイルデバイスのマップで2本指のズームオプションを無効にする方法

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"},
}

モバイルでは、次のメッセージが表示されます。

2本の指で地図を移動してください

2本の指を使用すると、マップを移動したり、ズームしたりできます。

1本の指で地図を移動できるが、地図をズームできないようにする方法

javascriptgoogle-mapsgoogle-maps-api-3responsive-design
13
Raghavendra S

追加 gestureHandling: "greedy"をマップオプションに追加します。

このオプションに関するドキュメントは次のとおりです。 gestureHandling

32
Fran