Question

Mapbox JS有一个广泛的示例库here，但缺少的是有关如何从Mapbox Studio加载矢量切片的文档。

在升级后的Mapbox GL JS中，documentation清楚地解释了这一点。

map.addLayer({
    "id": "terrain-data",
    "type": "line",
    "source": {
        type: 'vector',
        url: 'mapbox://mapbox.mapbox-terrain-v2'
    },
    "source-layer": "contour",
    "layout": {
        "line-join": "round",
        "line-cap": "round"
    },
    "paint": {
        "line-color": "#ff69b4",
        "line-width": 1
    }
});

网址包含mapid，source-layer是图层的名称。因此，如果mapid = abcd1234，我的用户名为testUser，我的矢量图层名称为testLayer我会写：

"source": {
    type: 'vector',
    url: 'mapbox://testUser.abcd1234'
},
"source-layer": "testLayer",

这在Mapbox GL JS中完美无缺，但是在Mapbox JS中从Mapbox Studio加载mapbox矢量切片的等效示例是什么？

Answer 1

假设Mapbox JS基于Leaflet 1+，那么您可以使用http://leaflet.github.io/Leaflet.VectorGrid/vectorgrid-api-docs.html。实际上我觉得这个插件+ Leaflet / Mapbox JS比gl js有一定的优势。

将矢量切片添加到mapbox.js

1 个答案: