传单 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。