dictionary - 单张 map 宽度(以米为单位)

Question

我想要一个在我的传单 map 上创建一个圆圈的按钮。圆应位于 map 中心，直径应为当前显示区域宽度的 75%。要获得中心的 lat 和 lgn 很容易。但我不知道 map 的 75% 是如何以 米 为半径的。

我尝试了 getsize 方法，但它以 px 为单位返回宽度。但我需要以米为单位。有插件吗？或者是否可以使用 zoomlevel 和来自 getsize 的 Pixel 来计算它？

Answer 1

获取 map 边界(LatLngBounds)，获取这些边界的东(或西)经度，并使用 L.LatLng.distanceTo 获取米除此之外，例如:

var center = map.getCenter();
var eastBound = map.getBounds().getEast();
var centerEast = L.latLng(center.lat, eastBound);

var dist = center.distanceTo(centerEast);
var radius = dist * 0.75

还请记住，Leaflet 具有以米(或 CRS 单位)为单位的 L.Circle 和以像素为单位的 L.CircleMarker。