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

缩放以适应传单JS地图上的所有标记

钱元徽
2023-03-14

将一系列标记添加到传单JS地图后,是否可以让传单缩放并重新调整焦点以显示每个标记?我看到谷歌地图有很多类似的问题,但传单却没有。

像这样的东西:

map.fitAllMarkers();

我还注意到Leaflet中的几个函数可以获取地图的边界,但我不确定如何使用这些函数来达到预期的效果。

共有2个答案

洪昱
2023-03-14

最后,这实际上非常简单,尽管没有统一成一个函数。首先,需要创建传单边界对象:

var bounds = new L.LatLngBounds();

然后,对于地图上的每个标记:

bounds.extend(markerObject.getLatLng());

最后,将新边界应用于地图:

mapObject.fitBounds(bounds);
仉明知
2023-03-14

您还可以利用特意制作的特性Group.getBound()方法使地图适合您的标记范围:

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

map.fitBounds(fg.getBounds());

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

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

  • 如何设置视图以在地图框或传单中查看地图上的所有标记?就像谷歌地图API对? 例如:

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

  • 我有一个表单,允许用户上传图像。 加载映像后,我们对其执行一些缩放,以便在将其传递回服务器之前减小其文件大小。 为此,我们将其放置在画布上并在画布上进行操作。 这段代码将在画布上呈现缩放后的图像,画布大小为320 x 240px: ... 哪里有帆布。宽度和画布。高度是图像高度和宽度x,是基于原始图像大小的比例因子。 但当我使用代码时: ...我只得到画布上图像的一部分,在这种情况下是左上角。我需

  • 我有5个标记显示在地图上,其中4个非常接近彼此和第五个是一点点距离这4个。现在,当我显示地图,我希望所有这5个标记显示在地图上,并与最高可能的缩放。我不在乎它们是在屏幕的边框上还是在屏幕的中央。我的意思是标记可以分散在屏幕上,但我想要的是所有的标记都应该对用户可见,并且尽可能高的缩放。 但我不知道为什么缩放很少。但是温我看了android文档,我认为这个功能是在做正义的事情,它说它会做什么就做什么