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

Question

我对移动用户有一个大问题:

我有一个具有 width: 100% 的谷歌地图，所以当用户滚动窗口时如果触摸 map “内部”的屏幕，滚动将只针对 map 而不是所有的窗口...(昨天我父亲在 map 里面滚动了 3 分钟 XD)

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

这将使 map 只有在用两根手指触摸时才可拖动，几乎在捏合缩放时...

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

也许:

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

但也许第一次点击 map 时我应该提醒(在 map 上有一个 div)可以用两根手指移动 map ？？

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

非常感谢，对不起我的英语和奇怪的问题 :D

Answer 1

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

像这样

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

More Info Here

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

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

More Info Here