wmts (GeoTiff) для источника Mapbox-GL

Question

Я пытаюсь использовать wmts (от GeoServer GeoTiff) для источника Mapbox-GL. Mapbox-GL способен создавать источник и слой без каких-либо ошибок. Однако этот слой не отображается, и GeoServer никогда не запрашивается для фрагментов.

map.on('load', function() { 

    // Create raster layer from GeoServer 
    map.addSource('rasterTest', { 
     'type': 'raster', 
     'tiles': 'http://localhost:32769/geoserver/gwc/service/wmts?SERVICE=WMTS&REQUEST=GetTile&LAYER=enview:sample&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&format=image%2Fpng&TileCol={x}&TileRow={y}', 
     'tileSize': 256, 
    }); 

    map.addLayer({ 
     'id':1, 
     'source': 'rasterTest', 
     'type': 'raster', 
     'visibility': 'visible', 
     'source-layer': 'rasterTest', 
    }); 

    console.log('map:'); 
    console.log(map); 

}) 

Answer 1

У вас есть «плитки», перечисленные в качестве опции для добавления источника. Я не думаю, что это действительно для растрового источника - см. docs here. Вместо этого вам нужно свойство «url».

Следующий вопрос заключается в том, что свойство «url» не является прямым шаблоном URL-адреса, как и для многих сопоставлений, но URL-адрес документа TileJSON (недостаточно ссылки для ссылки, извините!), Который содержит шаблон. Это не правильно doc'd по ссылке выше.

Вот минимальный WMTS TileJSON документ я должен работать с MapBox GL JS 0.15.0: https://gist.github.com/georgemarrows/e6eba8207281a93a0fc1

Answer 2

Изменить "источник-слоя" с именем WMTS LAYER.

'source-layer': 'enview:sample' или 'source-layer': 'sample'

//modified source 
map.on('load', function() { 

    // Create raster layer from GeoServer 
    map.addSource('rasterTest', { 
     'type': 'raster', 
     'tiles': 'http://localhost:32769/geoserver/gwc/service/wmts?SERVICE=WMTS&REQUEST=GetTile&LAYER=enview:sample&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&format=image%2Fpng&TileCol={x}&TileRow={y}', 
     'tileSize': 256, 
    }); 

    map.addLayer({ 
     'id':'rasterTest', 
     'source': 'rasterTest', 
     'type': 'raster', 
     'visibility': 'visible', 
     'source-layer': 'enview:sample' //'rasterTest', 
    }); 

})