当前位置: 首页 > 知识库问答 >
问题:

缩放以适合地图框或传单中的所有标记

沈栋
2023-03-14

如何设置视图以在地图框或传单中查看地图上的所有标记?就像谷歌地图API对边界所做的那样

例如:

var latlngbounds = new google.maps.LatLngBounds();
for (var i = 0; i < latlng.length; i++) {
  latlngbounds.extend(latlng[i]);
}
map.fitBounds(latlngbounds);

共有3个答案

姜献
2023-03-14
var markerArray = [];
markerArray.push(L.marker([51.505, -0.09]));
...
var group = L.featureGroup(markerArray).addTo(map);
map.fitBounds(group.getBounds());
阮选
2023-03-14

因为某些原因,“答案”对我来说不起作用。这就是我最后要做的:

////var group = new L.featureGroup(markerArray);//getting 'getBounds() not a function error.
////map.fitBounds(group.getBounds());
var bounds = L.latLngBounds(markerArray);
map.fitBounds(bounds);//works!
华烈
2023-03-14
var group = new L.featureGroup([marker1, marker2, marker3]);

map.fitBounds(group.getBounds());

有关更多信息,请参阅文档。

 类似资料:
  • 将一系列标记添加到传单JS地图后,是否可以让传单缩放并重新调整焦点以显示每个标记?我看到谷歌地图有很多类似的问题,但传单却没有。 像这样的东西: 我还注意到Leaflet中的几个函数可以获取地图的边界,但我不确定如何使用这些函数来达到预期的效果。

  • 问题内容: 是否有仅css的解决方案将图像缩放到边框(保持纵横比)?如果图像大于容器,则此方法有效: 问题答案: 不,没有唯一的CSS双向方式可以做到这一点。您可以添加 对于一个元素,使其始终具有100%的宽度,并自动将其高度缩放为长宽比, 或 反之: 始终缩放到最大高度和相对宽度。为此,您需要确定纵横比是高于还是低于容器,而CSS无法做到这一点。 原因是CSS不知道页面的外观。它会预先设置规则,

  • 我想将地图缩放级别设置为适合地图上的所有标记。正如许多人所说,我使用了以下方法,但它对我不起作用。它正在显示其他点。

  • 我在中有10个标记。我想尽可能地放大,让所有的标记都在视野中?在早期版本中,这可以通过实现,但在v2中,我不知道该如何实现。进一步,我知道需要可见的圆的半径。

  • 问题内容: 我正在尝试缩小美国地图。要么是我的SVG,要么是手动的。 这是我的代码中最简单的: 我已经尝试过类似的东西: 但是每次我在路径变量中添加任何内容时,我都会从D3的内部收到NAN错误。谢谢你的帮助! 问题答案: 关键问题是您的数据 已经被 投影。D3 geoProjections使用未投影的数据或成对的数据。WGS84基准中的数据。实质上,d3 geoProjection会采用球面坐标并