mapbox添加Geoserver发布矢量瓦片

                                     Geoserver发布矢量瓦片

注意:本文使用GeoServer 2.15.1版本
           安装Geoserver需要安装了JRE、安装完Geoserver后要解决跨域问题
           制作切片需要切片扩展,将jar包复制到...\GeoServer 2.15.1\webapps\geoserver\WEB-INF\lib下

1、下载安装geoserver

官网下载:http://geoserver.org/download

mapbox添加Geoserver发布矢量瓦片_第1张图片

安装过程一直next,电脑会自己找到jdk,若没有下载jdk请先下载jdk并配置相关环境变量。此教程中用户名及密码使用的默认用户名及密码

2、下载切片扩展

官网下载地址:http://geoserver.org/release/2.15.x/

mapbox添加Geoserver发布矢量瓦片_第2张图片

将下载的jar包放置到D:\tools\geoserver-2.51.1\GeoServer 2.15.1\webapps\geoserver\WEB-INF\lib下

3:下载安装完geoserver及矢量瓦片插件之后启动geoserver

 

mapbox添加Geoserver发布矢量瓦片_第3张图片

浏览器访问地址:http://localhost:8080/geoserver/web/    

登录名:admin   密码:geoserver

mapbox添加Geoserver发布矢量瓦片_第4张图片

 

4、geoserver解决跨域问题(后边mapbox调用geoserver矢量瓦片服务的会存在跨域问题)

打开D:\tools\geoserver-2.51.1\GeoServer 2.15.1\webapps\geoserver\WEB-INF目录下的web.xml文件

将下边两张截图中的文件释放

第一张:

mapbox添加Geoserver发布矢量瓦片_第5张图片

第二张:

mapbox添加Geoserver发布矢量瓦片_第6张图片

5、发布矢量瓦片

1、工作区-添加新的工作区

mapbox添加Geoserver发布矢量瓦片_第7张图片

 

mapbox添加Geoserver发布矢量瓦片_第8张图片

2、数据存储-添加新的数据存储

mapbox添加Geoserver发布矢量瓦片_第9张图片

 

mapbox添加Geoserver发布矢量瓦片_第10张图片

 

mapbox添加Geoserver发布矢量瓦片_第11张图片

 

mapbox添加Geoserver发布矢量瓦片_第12张图片

 

mapbox添加Geoserver发布矢量瓦片_第13张图片

 

mapbox添加Geoserver发布矢量瓦片_第14张图片

 

mapbox添加Geoserver发布矢量瓦片_第15张图片

 

mapbox添加Geoserver发布矢量瓦片_第16张图片

 

3、Tile Layers

mapbox添加Geoserver发布矢量瓦片_第17张图片

 

预览效果:

mapbox添加Geoserver发布矢量瓦片_第18张图片

4、获取服务地址:

点击geoserver图标

选择tms1.0.0

mapbox添加Geoserver发布矢量瓦片_第19张图片

 

找到刚才发布的服务

mapbox添加Geoserver发布矢量瓦片_第20张图片

拼接服务地址供后边mapbox调用:http://localhost:8080/geoserver/gwc/service/tms/1.0.0/myTest%3APROPL@EPSG%3A900913@pbf   + /{z}/{x}/{y}.pbf

6、mapbox调用




    
    mapbox添加geoserver发布的矢量瓦片
    
    
    
    



7、效果展示(矢量瓦片为西藏省界):

mapbox添加Geoserver发布矢量瓦片_第21张图片

你可能感兴趣的:(mapbox,geoserver,mapbox,geoserver)