Mapbox JS 在这里有一个广泛的示例库,但缺少的是有关如何从 Mapbox Studio 加载矢量切片的文档。
在升级后的 Mapbox GL JS 中,这在文档中有明确的解释。
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
}
});
其中 url 包含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 矢量切片的等效示例是什么?