当地图最大缩放时,允许使用捏合手势缩放。

5
  1. 在移动设备上打开http://output.jsbin.com/bobaki/5
  2. 用手指捏合缩放按钮并单击它
  3. 尝试缩小以查看整个地图

这是不可能的,因为地图会劫持所有手势(即使已经最大缩放)。重新加载页面也无法解决问题,因为缩放设置会在重新加载后保留。

我正在使用默认设置:

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v10'
});

我希望您能将地图最大缩放时,Mapbox停止劫持并阻止缩小手势。以下是我的手机上的参考图片(我无法显示URL栏,也无法向下滚动或缩小):

trapped in a map
1个回答

0

根据这个Mapbox GitHub问题

在移动设备或使用(触摸)移动地图的任何设备上使用mapbox gl-js时,由于事件监听器被视为被动,会引发错误。

那么,你是否尝试在Mapbox元素上设置style.touchAction = 'none'


我不明白这与什么有关,但我已经在容器上测试了设置 touch-action:none:http://output.jsbin.com/bemuram/2,问题仍然存在。 - Konrad Dzwinel

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接