Определить координаты 4 углов изображения

Question

У меня есть изображение, и я хочу установить две случайные точки на этом изображении с двумя координатами (долгота и широта), чтобы я мог добавить его на карту.Я использую Mapbox GL JS , чтобы добавить наложение изображения на карту с двумя координатами двух точек на этом изображении.

Моя цель - определить координаты 4 угловых точек (вверху слева,вверху справа, внизу слева, внизу справа), чтобы поместить его на карту.

Есть идеи, как решить эту проблему?

Answer 1

Я не знаю деталей вашего кода, но вы можете легко получить прямоугольник, например, используя источник изображения на карте:

"image": {
    "type": "image",
    "url": "https://docs.mapbox.com/mapbox-gl-js/assets/radar.gif",
    "coordinates": [
        [-80.425, 46.437],
        [-71.516, 46.437],
        [-71.516, 37.936],
        [-80.425, 37.936]
    ]
}

Значение url содержит расположение изображения .

Массив coordinates содержит [longitude, latitude] пар для углов изображения, перечисленных по часовой стрелке: вверху слева, вверху справа, внизу справа, внизу слева .

Источник

Конечно, URL-адрес и координаты должны быть изменены в соответствии с вашими потребностями.

Надеюсь, это помогло.