我有以下代码,使用Mapbox.js(当然是建立在Leaflet.js上的)将GeoJSON图层添加到地图中:
var orgLayer = L.geoJson(boundaries, {
onEachFeature: onEachFeature
});
this.layerGroup.addLayer(orgLayer);
function onEachFeature(feature, layer) {
layer.on('click', zoomToFeature, _this);
}
function zoomToFeature(e) {
this.map.fitBounds(e.target.getBounds());
}
我遇到的问题是GeoJSON可能由多边形或点组成,因此Leaflet将图层呈现为路径或标记。当它是多边形(路径)时,这一切都很好。当它是点(标记)时,代码在
e.target.getBounds()
上失败。这是可以理解的,因为在Leaflet中,
getBounds
只是Path的一个方法,而不是Marker的方法。我猜对于Marker,我可以使用e.target.getLatLng()
。然而,我该如何调整我的代码以检查目标是标记还是路径,并使用正确的方法?