Google maps 如何防止移动设备上的滚轮在点击地图时拖动地图?
这是我的设想: 我正在使用带有Google Maps Api的全幅地图,为了防止桌面上的滚轮,我添加了属性:Google maps 如何防止移动设备上的滚轮在点击地图时拖动地图?,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,这是我的设想: 我正在使用带有Google Maps Api的全幅地图,为了防止桌面上的滚轮,我添加了属性:scrollwheel:false 这在台式机上有效,但在移动设备上我遇到了一些问题: 如果我添加draggable:false我会阻止滚轮,但我无法导航和移动地图(此外,现在不推荐使用平移控制选项) 如何基于触摸事件启用或禁用可拖动地图? 换句话说,我如何使地图在手机上可用 提前谢谢你 我也遇到了同样的问题,我想到了这个。虽然这可能不是你想要的,但你可以根据自己的需要进行调整。如果您点击
scrollwheel:false
这在台式机上有效,但在移动设备上我遇到了一些问题:
如果我添加draggable:false
我会阻止滚轮,但我无法导航和移动地图(此外,现在不推荐使用平移控制选项)
如何基于触摸事件启用或禁用可拖动地图?
换句话说,我如何使地图在手机上可用
提前谢谢你 我也遇到了同样的问题,我想到了这个。虽然这可能不是你想要的,但你可以根据自己的需要进行调整。如果您点击移动设备,地图将可拖动,拖动完成后,再次点击,地图将锁定,以便您可以再次上下移动移动屏幕。在地图外,我给出了“单击以拖动地图或不拖动地图”等指示
哇,宾果!这正好解决了我的问题。不幸的是,我不能投你一票+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});
}
});