参考:https://blog.csdn.net/GIS_Lyn/article/details/87908982
var wmts_vector =
"http://192.168.198.252:8080/geoserver-2.15.4/gwc/service/tms/1.0.0/demo:XXXX@EPSG:900913@pbf/{z}/{x}/{y}.pbf"
var styles = {
"version": 8,
"name": "Mapbox Streets",
"glyphs": "/fonts/{fontstack}/{range}.pbf",
"sources": {
"osm-tiles": {
"type": "raster",
"scheme": "tms",
"tiles": [
"http://192.168.198.252:8080/geoserver-2.15.4/gwc/service/tms/1.0.0/ChinaCityLatLon@EPSG%3A900913@png/{z}/{x}/{y}.png"
],
"tileSize": 256
},
"wmts-vector": {
"type": "vector",
"scheme": "tms",
"tiles": [
wmts_vector
]
}
},
"layers": [{
"id": "simple-tiles",
"type": "raster",
"source": "osm-tiles",
"minzoom": 0,
"maxzoom": 22
},
{
"id": "wmts-vector-layer",
"type": "fill",
'source': "wmts-vector",
"source-layer": "XXXX", //图层名称,图层、图层组名称注意和GeoServer发布的对应
"layout": {},
"paint": {
"fill-color": "#0f0"
},
"interactive": true
}
]
};