使用Leaflet调整标记的fitBounds

Question

使用Leaflet调整标记的fitBounds

7

我有一个名为markers的标记数组，并使用LeafletJs将这些标记添加到地图中。

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

现在我想专注于一个视口，覆盖所有的标记。

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

为什么在map.fitBounds(bounds, { padding: [20, 20] });这一行会出现Cannot read property 'lat' of undefined错误信息。

- Moshi

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- iH8 · Accepted Answer

你收到错误的原因是因为L.LatLngBounds期望两个L.LatLng对象作为参数，而不是标记数组，如你在文档中所看到的。我建议使用L.FeatureGroup，它是从L.LayerGroup扩展而来但具有一些额外功能。它有一个getBounds方法，可以按照添加到组中的所有要素计算边界框，正好满足你的需求。所以你可以这样做：

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

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