宣传单AJAX Map 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意味着异步:所以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)因为回调将有不同的这个值默认.