如何仅用两根手指在谷歌地图内移动？

Question

我有一个移动用户的大问题：

我有一个具有width: 100% 的谷歌地图，因此当用户滚动窗口时，如果触摸地图“内部”的屏幕，滚动将仅适用于地图，而不适用于所有窗口......（昨天我的爸爸在地图里面滚动了3分钟XD）

滚动窗口可以触摸屏幕的边框，但是非常非常严格，并不是所有的用户都理解这一点。 我不想要一张width 少于100% 的地图，所以我必须找到其他解决方案...

这将使地图只有在两指触摸时才可拖动，几乎在捏缩放时......

但是我可以使用哪个谷歌地图事件？

也许：

    google.maps.event.addListener(map, 'dblclick', function(event){
      this.setOptions({draggable:true});
    });

但也许在第一次点击地图时我应该提醒（地图中有一个 div）可以用两根手指移动地图？？

你怎么看？代码是否正确？

非常感谢我的英语和奇怪的问题：D

Answer 1

如果您使用 API v3.27 或更高版本。初始化地图时只需添加属性gestureHandling: 'Cooperative'

喜欢这个

var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: myLatLng,
          gestureHandling: 'cooperative'
        });

More Info Here

或者，如果您想在创建地图后执行此操作，请执行此操作

map.setOptions({gestureHandling: 'cooperative'});

More Info Here

Answer 2

虽然这是一个很奇怪的要求，但是你可以试试下面的；

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    if(e.touches.length == 2){
      //This means there are two finger move gesture on screen
      googleMapsReference.setOptions({draggable:true});
    }
}, false);

我尚未在移动设备上对此进行过测试，但它应该可以为您提供一个起点。