Javascript 触摸设备上的全屏谷歌地图滚动

我有一个谷歌地图的联系人页面。当用户向下滚动时，地图将覆盖移动设备上的全屏

我想允许用户只在点击+拖动时滚动地图，而不是简单的滚动，这样用户就可以从地图中滚动出来

---

有什么想法吗？

我知道使用Hammer Js处理双击的两种方法

One是在地图上添加一个覆盖，并根据需要更改其

z-index

值。叠加的好处是，如果需要，不需要额外的代码来禁用地图上的任何交互，例如标记和单击控件

Two是使用内置gmap

.setOptions（{draggable:true/false}

函数

方法一演示注意。调整地图的CSS宽度、高度和位置

CSS

.overlay {
position:absolute;
height:300px;
width:100%;
background:transparent;
z-index:99;
top:0;
left:0;
}

代码

mc.on("doubbletap", function(ev) {

 $(".overlay").css("z-index", "1");

})

// set map Options to disable drag.

map.setOptions({draggable: false});

// enable drag 

mc.on("doubbletap", function(ev) {

map.setOptions({draggable: true});

})

方法二演示使用

.setOptions（{draggable:true/false}

代码

mc.on("doubbletap", function(ev) {

 $(".overlay").css("z-index", "1");

})

// set map Options to disable drag.

map.setOptions({draggable: false});

// enable drag 

mc.on("doubbletap", function(ev) {

map.setOptions({draggable: true});

})

---

你看过这个了吗？我实际上在寻找一个解决方案，允许用户只需双击+拖动即可在地图上平移。双击地图，在第二次点击时将手指留在屏幕上并移动它来移动地图。@sniurs所以，不要点击按钮，而是双击地图。好的，然后我建议使用Hammers Js Plug来处理双击-演示--