创建具有所有活动层的中心映射按钮

Question

我有一张不同层次的地图。用户可以使用L.control.layers在它们之间进行选择。是否可以添加一个按钮，将地图与所有活动层的中心？

谢谢你的建议，

Answer 1

您可以将所有层添加到FeatureGroup中，然后得到边界。有了这个界限，您可以使用map.fitBounds(bounds)对地图进行居中。

var fg = L.featureGroup().addTo(map);

layer1.addTo(fg);
layer2.addTo(fg);
....

function centerMap(){
   map.fitBounds(fg.getBounds());
}

作为按钮，您可以使用默认的html按钮：

<button onclick="centerMap()">Center Map</button>