Geoserver项目开发_8.Openlayers调用矢量切片服务

矢量切片以金字塔的方式切割矢量数据,只不过切割的不是栅格图片,而是矢量数据的描述性文件。矢量切片在调用过程中其渲染是由客户端(如OpenLayers)完成,而不是由服务器完成。这就允许不同的地图/应用程序以不同方式设置地图样式,而无需重新配置GeoServer。

一、Openlayers客户端配置

1、推荐安装方式是通过npm install ol 或者 cnpm install ol直接安装ol包

2、在html页面头部包含下列代码进行托管构建



3、下载zip安装包
在这里插入图片描述
二、调用矢量切片服务
1、在Geoserver Data存储路径下新建www/vectortiles 文件夹
2、拷贝ol.js、ol.css到vectortiles文件夹下
3、在文本编辑器中,新建包含以下内容的html文件
Geoserver项目开发_8.Openlayers调用矢量切片服务_第1张图片
Geoserver首页TMS中可以找到调用矢量切片的基地址
Geoserver项目开发_8.Openlayers调用矢量切片服务_第2张图片
在这里插入图片描述
4、浏览器输入http://localhost:8000/geoserver/www/vectortiles/vectortiles.html进行效果展示
Geoserver项目开发_8.Openlayers调用矢量切片服务_第3张图片
更多内容可参考
https://docs.geoserver.org/latest/en/user/extensions/vectortiles/tutorial.html

你可能感兴趣的:(Geoserver)