leaflet - 带有 Leaflet 的标记的 fitBounds

Question

我有一个名为 markers 的标记数组，我使用 LeafletJs 在 map 中添加这些标记

L.layerGroup(markers).addTo(map);

现在我想关注一个覆盖所有标记的视口(viewport)

var bounds = L.latLngBounds(markers);
 map.fitBounds(bounds, { padding: [20, 20] });

为什么我在 map.fitBounds(bounds, { padding: [20, 20] }); 行中收到 Cannot read property 'lat' of undefined 错误消息。

Answer 1

您收到错误的原因是因为 L.LatLngBounds 需要两个 L.LatLng 对象作为参数，而不是标记数组，如 documentation 中所示。 。我建议使用L.FeatureGroup ，它是从 L.LayerGroup 扩展而来的，但有一些额外的功能。它有一个 getBounds 方法，该方法将完全满足您的需要，根据添加到组中的所有功能计算边界。所以你可以这样做:

var featureGroup = L.featureGroup(markers).addTo(map);
map.fitBounds(featureGroup.getBounds());

这是 Plunker 上的一个工作示例:http://plnkr.co/edit/EbzlaF05fLARDYbnXSSk