定义图像四个角的坐标

Question

我有一个图像，我想在该图像中设置两个随机点，两个坐标（经度和纬度），以便可以将其添加到地图上。我正在使用 Mapbox GL JS 在地图上添加图像叠加层，该图像上有两个点的两个坐标。

我的目标是定义四个角点（左上，右上，左下，右下）的坐标，以将其放置在地图上。

任何想法如何解决这个问题？

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]对，按顺时针顺序列出了图像角：左上，右上，右下，左下。

Source

当然，URL地址和坐标应根据您的需要进行更改。

我希望它能帮上忙。