如何在传单地图上正确绘制多边形（纬度/经度顶点和旋转度）？

Question

我正在尝试在传单地图上绘制一个代表船的移动多边形。

我所拥有的信息（每帧）是多边形的“中心”点（纬度/经度）的位置以及其尺寸（顶点和中心点之间的距离）以及多边形的旋转角度。

我可以将多边形添加到传单地图中，但是在应用旋转和平移之后，多边形似乎出现了倾斜。

确切的过程是：首先，我存储一个坐标数组（顶点纬度/经度是0,0与多边形尺寸之间的距离），每次我想绘制多边形时，我都会复制该数组，然后应用旋转角度到所有坐标（绕0,0进行简单旋转），然后平移所有坐标并绘制结果。

如果仅应用旋转，则这是多边形的样子：

如果我应用旋转和平移（不缩放），则多边形是这样的：

Answer 1

您会看到失真，因为在Leaflet（与大多数网络地图一样）使用的球形墨卡托投影上 ，赤道的纬度和经度的纵横比仅为1：1。 当您朝两极移动时，侧面1度的“正方形”会越来越多地垂直伸展。

如果使用L.Projection （具体而言，使用L.Projection.SphericalMercator.project(...) ）将纬度/经度点转换为投影坐标，则可以在投影空间中进行数学运算，然后使用L.Projection.SphericalMercator.unproject(...)添加到地图时。 然后，您的多边形应保持其形状。