Equirectangular map on Web

Question

Я планирую построить онлайн-карту для маркеров (контактов) игры, и мне не удается установить правильную широту моих маркеров.

Оригинальная карта является квадрат 2048 * 2048 пикс

Затем я получил маркеры (много тысяч)

координаты Карта устанавливаются с топором, у нотации от 0 до 100. 0, 0 наверху слева угловой и 100, 100 - внизу справа уголок карты. x = 50, y = 50 - lat = 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

Если вы используете листовка, вы должны указать опцию карты crs и использовать L.CRS.Simple:

Простой CRS, который отображает долготу и широту в x и y. Может использоваться для карт плоских поверхностей (например, игровых карт). Обратите внимание, что ось y ось shoul d все еще инвертируется (идет снизу вверх).

Это позволит избежать Web Mercator проекции, особенно широты, которая является специальным вычислением, как вы выяснили (см связанной статьи Википедии для уравнения).

После этого вы должны правильно сопоставить координаты x и y, особенно в отношении вашего изображения на карте.

Например, если вы установите карту изображение:

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

(так что он подходит эквивалент 1 плитки на уровне масштабирования 0)

Тогда вы могли бы иметь преобразование, как :

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

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