gis - 如何使用 Mapbox GL JS 显示自定义样式的矢量图块？

Question

我正在计划开发地图服务，我想在自定义“基础层”顶部显示一个标记列表，其中包含使用 TileServer-GL 渲染的矢量切片。我了解 TileServer-GL 基于 .mbtiles 图块集和样式渲染矢量图块，并使用例如 Maputnik 制作的 .json 样式文件。当将其显示到交互式地图中时，例如使用 Mapbox GL JS，我知道您可以将 TileServer-GL 提供的图块指定为第三方源（https://docs.mapbox.com/mapbox- gl-js/example/third-party/），但似乎您需要一层一层添加，并指定每一层的样式。但我认为瓷砖服务器已经这样做了！我有什么误解吗？

谢谢你的帮助

Answer 1

我不确定你在问什么，但基本上你会：

1. 构建一个 Mapbox GL 样式文件 (.json)，它引用您创建的所有图层、它们的托管位置以及您希望每个图层的显示方式。
2. 初始化加载该样式文件的地图对象：

const map = new mapboxgl.Map({
  // ...
  style: 'http://localhost:8000/style.json
});