javascript - 检索Leaflet当前的比例值

Question

是否可以获取Leaflet组件当前的比例值？

上图显示了我想通过某种方法检索的“300 公里”或“100 英里”。现有文档仅显示如何使用特定选项添加比例控件:http://leafletjs.com/reference.html#control-scale

Answer 1

在低缩放级别时要小心比例(当您看到世界的很大一部分时)。

您看到的比例实际上对于 map View 的中心水平线有效。它所在的 map Angular 落甚至略有错误!

如果您只想在其他地方“复制”该视觉比例，您可以简单地创建另一个比例控件并提取其 HTML 容器，而不是将其嵌入到您的 map 中:

document.getElementById("myNewContainerId").appendChild(
    L.control.scale(options).onAdd(map)
);

如果您想读取缩放控件的实际像素长度和文本，可以通过内部 _mScale.style.width 和 _mScale.innerHTML 属性检索它们的比例控制。如果您想要英制值而不是公制值，请将 _mScale 替换为 _iScale。

否则，如果您希望能够测量 map 上两点之间的距离，则应该使用 myLatLng.distanceTo(otherLatLng) method ，这会更加准确，因为它不仅会在 myLatLng 实际纬度上使用正确的比例，而且还会纠正沿 otherLatLng 路径可能出现的不同比例如果它放置在不同的纬度。

Returns the distance (in meters) to the given LatLng calculated using the Haversine formula. See description on wikipedia