如何防止移动滚轮，但在点击它时拖动地图？

Question

这是我的情景：

我使用Google地图Api的全宽地图，以防止桌面上的滚轮我添加了属性：scrollwheel:false。

这适用于桌面，但在移动设备中我遇到了一些问题： 如果我添加draggable:false我阻止了滚轮，但我无法导航和移动地图（而且现在不推荐使用pan controll选项）。

如何根据触摸事件启用或禁用可拖动地图？ 换句话说，我如何使地图在移动设备上可用？

提前谢谢！

Answer 1

我遇到了同样的问题并提出了这个问题。虽然这可能不是您想要的，但您可以根据自己的需要进行调整。如果您点击移动设备，地图将是可拖动的，完成拖动后，再次点按它将锁定它，以便您可以再次上下移动移动屏幕。在地图之外，我给出了“点击拖动地图或不拖动地图”等说明。

google.maps.event.addListener(map, 'click', function(event){
   if (map.draggable) {
       this.setOptions({draggable:false});
   } else {
       this.setOptions({draggable:true});
   }
   if (map.scrollwheel) {
       this.setOptions({scrollwheel:false});
   } else {
       this.setOptions({scrollwheel:true});
   }
});