从 Mapbox GL JS 矢量源获取/列出源层

【问题标题】：Get/list source-layers from Mapbox GL JS vector source从 Mapbox GL JS 矢量源获取/列出源层
【发布时间】：2020-08-14 22:42:58
【问题描述】：

在 Mapbox GL JS 中，我从本地托管的 mbtiles 文件添加矢量切片源。将此源添加到我的地图实例很简单，如下所示。

map.addSource("polylinesSource",{
      "type":"vector",      
      "tiles": [
       "http://localhost:8000/polylinesJoined/{z}/{x}/{y}.pbf"
      ]
    })

此服务的源层将是动态的，我希望在加载源后找到一种方法来引用所有这些层。加载后是否可以列出源中的所有层？

【问题讨论】：

标签： mapbox mapbox-gl-js mapbox-gl

【解决方案1】：

这是令人惊讶的繁琐操作。 Mapbox-GL-JS 没有公开任何方法来列出瓦片集中可用的矢量瓦片源层。

我构建了vector inspector 来解决这个确切的问题。此处的代码向您展示了从 .pbf 中提取该信息的过程：https://github.com/stevage/vector-inspector-api/blob/master/server.js

另外，由于您有本地 mbtiles 文件，另一种选择是在本地提取它。使用我构建的另一个工具，tileinfo。

此外，如果您使用tessera 之类的方式提供图块，则可以直接在 TileJSON 端点访问图层信息。

【讨论】：