mapboxgl加载geoserver发布的tms矢量图层服务

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发布的矢量切片