geoserver发布矢量切片

参考：矢量切片

下载：切片Vector Tiles插件

解压缩后将里面的jar包拷贝到E:\apache-tomcat-9.0.31-8080\webapps\geoserver\WEB-INF\lib，重启geoserver即可

编辑已有的图层会在Tile Caching看到多出来的几个选项，勾选即可

 

验证

 

 

前端demo：ol主要代码

var vectorTileLayer = new ol.layer.VectorTile({
    map: map,
    source: new ol.source.VectorTile({
        format: new ol.format.MVT(),
        url: 'http://localhost:8080/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=topp:states&STYLE=&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&FORMAT=application/vnd.mapbox-vector-tile&TILECOL={x}&TILEROW={y}'
    })
})