Mapbox GL JS Api 调用控件

【问题标题】：Mapbox GL JS Api calls controlMapbox GL JS Api 调用控件
【发布时间】：2020-04-15 04:37:57
【问题描述】：

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

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

【问题讨论】：

标签： javascript leaflet mapbox mapbox-gl-js

【解决方案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 } 
    }
  }
});

弄清楚“某物”是什么可能很棘手。

【讨论】：

【解决方案2】：

dragstart、drag 和 dragend 地图事件在这里也可能有用。我不完全确定您在这里的用例是什么用于防止“在”两个地方之间加载瓷砖，以及它会是什么样子。目标是提高性能吗，地图是否只是介于两者之间的“空白”？

【讨论】：

是的，可以添加事件处理程序，我们如何指定停止API调用？是的，我不介意两者之间的空白地图，因为我目前专注于削减成本