1

Суть проблемы в том, чтобы построить соты из шестиугольников на карте. столкнулся с тем, что даже квадраты построить не получается =( т.к. широта отличается от долготы.

6
  • все зависит от проекции, которую использует Ваша карта, если это проекция меркатора, то коэффициент, на который нужно умножать долготу зависит от широты 10 июл 2019 в 16:09
  • какая у Вас проекция? 10 июл 2019 в 16:18
  • Хм, а вы глобус видели?
    – Alexey Ten
    10 июл 2019 в 16:52
  • @StrangerintheQ Я честно говоря дилетант в картах. Карты YandexMAP 11 июл 2019 в 10:57
  • 1
    @RuslanMirzapulatov я не знаю точно какая проекция у Яндекс карт, во все же полагаю что так называемая Web Mercator, тогда надо разделить долготу на Math.cos(широта*Math.PI/180) 11 июл 2019 в 11:00

1 ответ 1

5

В зависимости от используемой географической проекции фигуры на карте будут выглядеть по разному.

Яндекс карты используют проекцию Web Mercator.

Эта проекция вносит искажения, чем дальше от экватора, тем больше искажение широты относительно долготы.

В этом случае, чтобы стороны прямоугольника, длины которых Вы задаете в градусах широты и долготы, выглядели квадратом в проекции WebMercator, необходимо чтобы они находились в соотношении:

 широта  — долгота
cos(lat) —    1

В сниппете ниже область, задаваемая на карте выглядит квадратом, при этом находится на разных широтах:

ymaps.ready(function() {
  mapWithRect("map1", 60, 30, 0.01)
  mapWithRect("map2", 49, -123, 0.01)
});

function mapWithRect(id, lat, lon, size){

    let merc = Math.cos(lat*Math.PI/180);

    new ymaps.Map(id, {
        center: [lat, lon],
        zoom: 11,
        controls: []
    }).geoObjects.add(new ymaps.GeoObject({
        geometry: {
            type: 'Rectangle',
            coordinates: [
                [lat-size*merc, lon-size],
                [lat+size*merc, lon+size]
            ]
        }
    }))

}
body {
  overflow: hidden;
  margin: 0;
} 

#map1, #map2 { 
display:inline-block;
    width: 50vw;
    height: 100vh;
}
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map1"></div><div id="map2"></div>

введите сюда описание изображения

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.