介绍

我正在将游戏坐标转换为 map坐标，我具有自定义的图块设置和 map。

我在传单 map上显示了玩家的车辆（与 map框相同的问题），x轴的坐标转换正确（在视觉上），而y轴（纬度）不正确。

我尝试过的

I am trying to convert game coordinates which range from 3000 to -3000 on X and 3000 to -3000 on Y The Map coordinates I believe range from 180 to -180 on X - Longitude and 85 to -85 on Y - Latitude

Currently I am using this formula to calculate its coordinates on map, But I cant figure out what I'm doing wrong here.

I put u dynamic so i can easily test it..

Notice that return value has x and y inverted because that is just how leaflet is...

function getLatLngFromPos(x, y, u = 85) {
    height = 3000; // of the game map
    width = 3000; // of the game map

    return [(y / height) * u, (x / width) * 180];
}

Results(~ means not calculated but visually guessed):

getLatLngFromPos(1482.47 , -1731.9)

-> [-49.0705, 88.9482] Should be: ~[-71.519235, 88.813477]

getLatLngFromPos(1378.4,-1876.25)

-> [-53.16041666666666,82.70400000000001] Should be: ~[-73.758964, 81.958008]

If You need the tiles here is the code to that http://145.239.116.170/app-assets/images/maptiles/sanandreas.{z}.{x}.{y}.png

Note: MaxZoom is '4'

Results

Incorrect Result:

The Car icon on the map should go to the arrow, and there is extra information like the center of the map. (Also it is repeating on X axis which i want to remove)

ScreenShot: (https://i.ibb.co/HNHgRLC/Shared-Screenshot.jpg)

Hypothesis

I am thinking the Y axis on these maps has some kind of acceleration towards the edges... This is due to the Default Projection of Leaflet Also there is an implementation of this for Google Maps API at (https://github.com/ikkentim/SanMap/blob/master/js_src/js/SanMap.js) But Google Maps is being a douche by charging money...

I am assuming now that I will have to create some kind of projection like in SanMap implementation, How can I create my own Projection for Mapbox or Leaflet?

查看更多