Mapbox GL JS 禁用滚动缩放

Question

无法禁用 Mapbox GL JS 上滚动功能的默认缩放。 API 文档中没有任何内容阐明这一点。甚至在他们的文档中遗漏了滚动事件。

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

Answer 1

检查了地图对象，看到了 scrollZoom 并尝试调用禁用。大获成功！

map.scrollZoom.disable();

Answer 2

或者换一种方式：

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v8',
    zoom: 15,
    scrollZoom      : false,
    boxZoom         : false,
    doubleClickZoom : false
});

Mapbox GL JS 禁用滚动缩放

Mapbox GL JS disable scroll zoom

javascript

mapbox