Mapbox GL JS Api 调用控件

Question

有什么方法可以控制 Mapbox GL JS 的 API 调用。我的意思是我希望在鼠标释放时触发 API 调用。即如果我将地图从印度拖到美国并将光标放在美国，我不想加载这两个地方之间的图块。我想要加载美国的瓷砖。有什么办法可以实现吗

默认情况下，当我拖动鼠标时，API 调用被触发。

Answer 1

有一种特定的方法可以做到这一点，那就是在创建地图时使用 transformRequest 选项：

const map = new mapboxgl.Map({
  container: 'map',
  center: [-122.420679, 37.772537],
  zoom: 13,
  style: style_object,
  hash: true,
  transformRequest: (url, resourceType)=> {
    if (!something) {
      return;
    } else {
      return { url } 
    }
  }
});

可能很难弄清楚 "something" 是什么。

Answer 2

dragstart, drag, and dragend 地图事件在这里可能也很有用。我不完全确定您在这里的用例是什么以防止平铺加载 "between" 两个地方，以及那会是什么样子。目标是提高性能吗，地图会不会只是 "blank" 介于两者之间？

Mapbox GL JS Api 调用控件

Mapbox GL JS Api calls control

javascript

leaflet

mapbox

mapbox-gl-js