mapboxgl載入geoserver釋出的tms向量圖層服務
// 新增源
g.map.addSource('tms-source', {
type: 'vector',
scheme:'tms',
tiles: [
'http://localhost:9090/geoserver/gwc/service/tms/1.0.0/route:global_port@EPSG:900913@pbf/{z}/{x}/{y}.pbf'
],
minzoom: 0,
maxzoom: 18
});
// 樣式
g.map.addLayer({
id: 'point-layer',
type: 'circle',
'source-layer':'global_port',
source: 'tms-source',
paint: {
'circle-color': '#FF0000',
'circle-radius': 6,
'circle-opacity': 0.8
}
});
這裡的900913也就是3857，mapboxgl不支援4326的切片。
文件介紹
參考以下文章，寫得非常詳細
Mapbox GL 載入GeoServer釋出的向量切片