Web上的等矩形地图

Question

我计划为一个游戏的标记（PIN）建立一个在线地图，但我无法设置标记的正确纬度。

原始地图是一个2048*2048px的正方形

然后我得到了标记（成千上万）

地图坐标由0到100之间的x，y符号设置。0，0是地图的左上角，100，100是地图的右下角。x=50，y=50表示纬度=0°，lng=0°（图片中心）。

要将我的符号转换为经度，我使用这个JS函数，它工作得很好：

        function longitude(x)
        {
            var lng = 0
            if (x < 50) // Negative Longitude (West)
            {
                lng = (x - 50) / 50 * 180;
            }
            else // Positive Longitude (East)
            {
                lng = (50 - x) / 50 * 180;
            }
            return lng
        }

但对于纬度，它不起作用，因为那些引擎使用墨卡托投影，而我不使用。

如果有人有正确的公式，我们将不胜感激：(

Answer 1

欢迎来到SO！

如果您使用的是Leaflet，您应该指定map选项crs并使用L. CRS. Easy：

一个简单的CRS，它将经度和纬度直接映射到x和y中。可用于平面地图（例如游戏地图）。请注意，y轴仍然应该倒置（从下往上）。

这将避免万维网墨卡托投影，特别是纬度，这是一个特殊的计算，因为你已经计算出来了（见维基百科链接文章中的等式）。

然后，您就可以根据需要正确地映射x和y坐标，尤其是地图图像。

例如，假设您将地图图像设置为：

L.imageOverlay("imageUrl", [[0, 0], [256, 256]]).addTo(map);

（使其适合缩放级别0处的1个平铺）

然后你可以有这样的转换：

function longitude(x) {
  return x / 100 * 256;
}

function latitude(y) {
  return 256 - y / 100 * 256; // Still need to revert y.
}