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

时间:2018-06-08 09:44:46

标签: zoom mapbox mapbox-gl-js pinchzoom

  1. 在移动设备上转到http://output.jsbin.com/bobaki/5
  2. 按住缩放按钮并单击
  3. 尝试缩小以查看整个地图
  4. 这是不可能的,因为地图会劫持所有手势(即使它最大限度地缩小)。重新加载页面不会有帮助,因为重新加载之间会保留缩放设置。

    我使用默认设置:

    boolean

    我想更改它们,以便在地图最大限度缩小时,地图框停止劫持并var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v10' }); 缩小手势。

    供参考,这是我在手机上看到的样子(我无法显示网址栏,我无法向下滚动或缩小): trapped in a map

1 个答案:

答案 0 :(得分:0)

根据this mapbox github issue

  

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

那么,您是否尝试在地图框元素上设置style.touchAction = 'none'