传单AJAX地图FitBounds

Question

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

在加载文件时，我使用了传单-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调用将在加载内容之前运行。要正确地执行此操作，您需要等待数据: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)，因为回调将默认情况下具有不同的此值。。