当地图最大缩小时,允许双指缩放手势

Question

1. 在移动设备上,请访问http://output.jsbin.com/bobaki/5
2. 捏合按钮并单击它
3. 尝试缩小以查看整个地图

这是不可能的,因为地图将劫持所有手势(即使它被最大限度地缩小).重新加载页面无济于事,因为重新加载之间会保留缩放设置.

我正在使用默认设置:

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

并且我想更改它们,以便在最大限度地缩小地图时,mapbox会停止劫持和preventDefault缩小手势.

作为参考,这是它在我的手机上的样子(我无法显示URL栏,我无法向下滚动或缩小):

Answer 1

根据这个mapbox github问题：

在移动设备或任何使用（触摸）移动地图的设备上使用 mapbox gl-js 时，由于事件侦听器被视为被动，因此会引发错误。

那么，您是否尝试style.touchAction = 'none'在 mapbox 元素上进行设置？