通过.loadURL加载的JSON标记范围内的自动平移/居中/缩放地图

Question

我目前有这段代码，可以像我想要的那样运行。 我清空了通过mapbox地图加载的JSON，从本地文件加载了一个JSON集，然后过滤掉了一些要点。 多亏了以前的帖子，才能够弄清楚这一点。

现在，我想自动平移/缩放地图，使其仅包含可见且没有运气的标记。 我已经尝试过fitBounds和map.extent的几种变体，并使用map.markerLayer.getGeoJSON或markerLayer.getGeoJSON进行输入。 前者引发控制台错误“未定义”，后者使我进入console.log搜索，并且似乎在使用loadURL时，getGeoJSON不再返回任何结果？

谢谢您的帮助。 这是代码。

var statestring = String(Request.QueryString("location"));
var map = L.mapbox.map('map', 'aam.map-ryzdcons');

map.markerLayer.setGeoJSON([]);
var markerLayer = L.mapbox.markerLayer()
.loadURL('markers.geojson.txt')
.setFilter(function(f) {
return f.properties['coverage'].toLowerCase().indexOf(statestring.toLowerCase()) > -1 ; })
.addTo(map);

在这之间，我尝试放置map.fitBounds（markerLayer.getBounds（））;。 没有成功和其他一些变化。

  markerLayer.on('mouseover', function(e) {
      e.layer.openPopup();
  });
  markerLayer.on('mouseout', function(e) {
      e.layer.closePopup();
  });

编辑＃2：我刚刚尝试过这一点，证明了我的理论，即首先设置loadURL时，getGeoJSON确实不起作用。 它有点工作，但显然没有完成我想要的。

$.getJSON("markers.geojson.txt", function (data) {
map.markerLayer.setGeoJSON(data);                           
map.fitBounds(markerLayer.getBounds());
if (markers.length == '1') {
map.setZoom(8);
}
map.markerLayer.setGeoJSON([]);
}); 

编辑＃3，因为它不会让我再回答几个小时的问题：

答案是：至少在我看来，您必须等待就绪事件。 将编辑＃2中的内容移至markerLayer.on ready事件。

var markers = [];   
markerLayer.on('ready', function(e) {
this.eachLayer(function(marker) { markers.push(marker); });
map.fitBounds(markerLayer.getBounds());
if (markers.length == '1') {
    map.setZoom(8);
    }
//alert(markers.length);
}); 

Answer 1

答案是：至少在我看来，您必须等待就绪事件。 将编辑＃2中的内容移至markerLayer.on ready事件。

var markers = [];   
markerLayer.on('ready', function(e) {
this.eachLayer(function(marker) { markers.push(marker); });map.fitBounds(markerLayer.getBounds());
if (markers.length == '1') {
map.setZoom(8);
}
//alert(markers.length);
});