mapboxgl載入geoserver釋出的tms向量圖層服務

槑孒發表於2024-07-08

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釋出的向量切片

相關文章