Leaflet AJAX 地图 FitBounds

Question

我正在寻找适合传单地图边界以显示加载的 geoJSON 文件内容的解决方案。

我使用 leaflet-ajax 加载文件。我已经试过了，但我不知道如何获得图层的边界。关于如何调整显示的地图扇区以显示 geoJSON 文件的任何建议？谢谢

var geojsonLayer = new L.GeoJSON.AJAX('http://localhost:8080/test.geojson');
geojsonLayer.addTo(this.map);
this.map.fitBounds(geojsonLayer.getBounds());

Answer 1

AJAX 表示 asynchronous：因此 fitBounds 调用将运行在内容加载之前。要正确执行此操作，您需要等待 data:loaded 事件。

var geojsonLayer = new L.GeoJSON.AJAX('http://localhost:8080/test.geojson');
geojsonLayer.addTo(this.map);
geojsonLayer.on('data:loaded', function() {
  this.map.fitBounds(geojsonLayer.getBounds());
}.bind(this));

用.bind(this)因为回调会have a different this value by default.

Leaflet AJAX 地图 FitBounds

Leaflet AJAX Map FitBounds

javascript

ajax

fitbounds

leaflet