Mapbox GL JS Api 调用控件

Question

Is there any way to control the API calls of Mapbox GL JS. By this I mean I want API calls to be fired on mouse release. ie If I drag the map from India to USA and drop the cursor at USA, I don't want the tiles in between these two places to load. I want tiles of USA to load. Is there any way to achieve this

By default as I drag the mouse the API calls gets fired.

Answer 1

There's one specific way you can do this, and that's using the transformRequest option when you create the map:

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 } 
    }
  }
});

It may be tricky to work out what the "something" is.

Answer 2

The dragstart , drag , and dragend map events might also be useful here. I'm not entirely sure what your use case here is for preventing tile loads "between" two places, and what that would look like. Is the goal to enhance performance, and would the map just be "blank" in between?