javascript - 基于米的传单图标大小

Question

我想在 map 上以精确尺寸显示对象。

我有关于这些对象的引用数据，包含对象的长度和宽度(以米为单位)，现在我需要根据缩放级别将米转换为传单图标大小的像素。

var meterlength = 50;
var meterwidth = 40;

//convert meters to pixels

var icon = L.divIcon({html:"<svg>..</svg>",iconSize:[xx,yy]});

我找到了这个 https://github.com/makinacorpus/Leaflet.GeometryUtil/

GeometryUtils 具有长度和距离功能，但无法使其工作。

有任何想法吗 ？非常感谢 !

编辑:

这个答案解决了我原来的问题:

https://gis.stackexchange.com/a/198444

但是我正在使用“zoomanim”事件在 map 缩放上缩放图标 - 不幸的是 map.containerPointToLatLng() 方法适用于旧的缩放级别而不是新的缩放级别。
有解决方法吗？

Answer 1

如果你想让你的图像代表物体的真实大小，那么你最好使用 L.imageOverlay而不是标记并尝试根据缩放级别调整其大小。

见 https://gis.stackexchange.com/questions/171609/resize-divicons-svgs-at-zoom-levels-leaflet

然后你需要为你的图像叠加边界找到合适的坐标，而不是像素。

现在，如果您真的想根据缩放级别更改标记图标大小，那么您在 SO 和 GIS SE 上有几篇文章涵盖了这个主题。

例如。 Best way to make marker resizable in leaflet