javascript - 缩放以适合 LeafletJS map 上的所有标记

标签 javascript leaflet

将一系列标记添加到 LeafletJS map 后,是否可以让 Leaflet 缩放并重新对齐它的焦点以显示每个标记?我看到 many similar questions与 Google map 有关,但与 Leaflet 无关。

类似于:

map.fitAllMarkers();

我也注意到了 several functions in Leaflet获取 map 的边界,但我不确定如何使用它们来达到预期的效果。

最佳答案

您还可以利用特意制作的 featureGroup.getBounds()使 map 适合标记范围的方法:

var fg = L.featureGroup([arrayOfMarkers]).addTo(map);

map.fitBounds(fg.getBounds());

演示:http://jsfiddle.net/3v7hd2vx/28/

关于javascript - 缩放以适合 LeafletJS map 上的所有标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38155534/

相关文章:

javascript - Firefox 上未定义的函数

python - 单击传单 Web 应用程序后如何将纬度和经度返回到 Flask 服务器?

javascript - 如何以控制台geojson格式纬度/经度输出?

javascript - Leafletjs路由机器按钮折叠按钮未加载

javascript - 新表单字段中的 "unrecognized expression"

javascript - Internet Explorer 执行 JS 代码的速度非常慢

javascript - 检查元素是否显示 : block, 不工作

javascript - 为 xampp 使用 dropzone

javascript - 在 Leaflet 中预加载图像覆盖

javascript - 切换标记可见性