Добавление векторных плиток в mapbox.js

Question

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 из Mapbox Studio в Mapbox JS?

Answer 1

Предполагая, что Mapbox JS основан на Leaflet 1+, вы можете использовать http://leaflet.github.io/Leaflet.VectorGrid/vectorgrid-api-docs.html. На самом деле я нахожу этот плагин + Leaflet/Mapbox JS имеет определенные преимущества по сравнению с GL JS.