如何在mapbox-gl地图上显示自定义建筑物

Question

我不想在地图上显示我自己的建筑物（如示例所示）。它们应该是静态的 - 我的屏幕示例

在屏幕截图中，您可以看到带有标记构建的示例（它会移动在地图上移动或放大/缩小）

我的目的 - 这个 视图

我想用它创建地图等距建筑物，可以有不同的不透明度

Answer 1

看看： https：// docs。 mapbox.com/mapbox-gl-js/example/image-on-a-map/

应将每个构建图像添加为带有coordinates参数指定坐标的栅格层建筑物的边界：

map.addSource('building1', {
  'type': 'image',
  'url': 'building1.png',
  'coordinates': [
    [-80.425, 46.437],
    [-71.516, 46.437],
    [-71.516, 37.936],
    [-80.425, 37.936]
  ]
});

随着您放大和缩小以维护正确的坐标，图像将自动扩展。