javascript - 我可以在 Leaflet 的高缩放级别避免扭曲的圆圈吗？

Question

我正在制作一个花园规划应用程序。我想使用卫星图像作为上下文，因此选择 Leaflet。现在我想用圆圈围绕每个植物来绘制单个植物的位置，以显示推荐的种植半径。与 Leaflet 显示的典型特征相比，这些圆圈非常小，半径为 0.1m 甚至更小。我发现圆在这些小尺寸下呈现扭曲，并且扭曲的方向随着圆的位置而变化。这是一个 fiddle :
https://jsfiddle.net/d2ncr6vq/1/

L.circle([-33.865002, 151.2094], {radius: 0.1}).addTo(map);
L.circle([-33.865004, 151.2094], {radius: 0.1}).addTo(map);
L.circle([-33.865006, 151.2094], {radius: 0.1}).addTo(map);
L.circle([-33.865008, 151.2094], {radius: 0.1}).addTo(map);

和截图

这是否表明我应该使用不同的工具来绘制这些小尺寸，或者有没有办法解决这个问题？

Answer 1

这是自 #2345 以来圆到椭圆的大地测量近似的副作用。 , 和浮点运算。在内部，Leaflet 取消投影并重新投影圆的中心和最高点以计算椭圆的纵横比，并且在执行如此小的半径和非平凡的数学运算的情况下，代码达到了 floating-point numbers 的精度限制.您看到的错误实际上是舍入错误。
唯一的方法是使用更接近坐标(投影)原点的(投影)坐标。考虑使用自定义(本地)CRS对于这个任务。