Я хотел бы использовать плитки Terrain-RGB Mapbox в качестве слоя на карте Mapbox GL. Примеры, которые я видел, которые управляют данными ландшафта-rgb, используют L.tileLayer для создания тайлов для нового слоя: https://www.mapbox.com/blog/terrain-rgb/
С помощью MapboxGL.js я попытался добавить слой следующим образом:
map.on('load', function () {
map.addSource('terrain-rgb', {
type: 'vector',
url: 'https://api.mapbox.com/v4/mapbox.terrain-rgb/{z}/{x}/{y}.pngraw?access_token=pk.eyJ1IjoibWF0dCIsImEiOiJTUHZkajU0In0.oB-OGTMFtpkga8vC48HjIg'
});
map.addLayer({
'id': 'terrain-rgb',
'type': 'fill',
'source': 'terrain-rgb',
'layout': {
'visibility': 'visible'
},
'paint': {
'fill-color': 'rgba(15,148,179,.4)'
},
'source-layer': 'terrain-rgb'
});
});
Я пробовал заливку, линию и круг, но это не работает. Я получаю эти ошибки консоли:
GET https://api.mapbox.com/v4/mapbox.terrain-rgb/%7Bz%7D/%7Bx%7D/%7By%7D.pngraw…ss_token=pk.eyJ1IjoibWF0dCIsImEiOiJTUHZkajU0In0.oB-OGTMFtpkga8vC48HjIg 404 (Not Found) ajax.js:25
Object {type: "error", target: t, isSourceLoaded: false, source: Object, sourceId: "terrain-rgb"} evented.js:104
Как правильно добавить источник terrain-rgb в mapboxgl.js?