利用geoserver发布矢量切片,mapbox进行调用

1、新建工作区

利用geoserver发布矢量切片,mapbox进行调用_第1张图片

2、添加数据存储,选择矢量数据源下的文件夹方式,注意字符集编码。点击确定提交之后会出现该文件下的所有shpfile的图层发布界面。

利用geoserver发布矢量切片,mapbox进行调用_第2张图片

3、或者选择左边的图层菜单,新建图层,选择工作区,进行图层进行发布。

利用geoserver发布矢量切片,mapbox进行调用_第3张图片

4、设置图层的经纬度范围

利用geoserver发布矢量切片,mapbox进行调用_第4张图片

5、切换到Tile Caching页面,设置发布切片的格式,矢量切片包括geojson、topojson、pbf,其中pbf数据格式数据量最小。

利用geoserver发布矢量切片,mapbox进行调用_第5张图片

图层发布中的Tile Caching的设置可以实现设置缓存默认来同一设置要发布的切片格式。这样就不用没发布一个图层去设置相应的切片格式了。

利用geoserver发布矢量切片,mapbox进行调用_第6张图片

6、图层发布完之后,可以新建图层组,将发布的图层添加到图层组进行管理。

利用geoserver发布矢量切片,mapbox进行调用_第7张图片

7、切片发布完成之后,可以在Layer Preview或者Tile Layers中预览发布的切片。选择Layer Preview利用openlayers进行预览,选择相应的要素会出现要素的属性信息。

利用geoserver发布矢量切片,mapbox进行调用_第8张图片

可以看到属性信息中文出现乱码,不用紧张,是字符编码的问题,在自己新建的数据存储中修改字符编码即可。

利用geoserver发布矢量切片,mapbox进行调用_第9张图片利用geoserver发布矢量切片,mapbox进行调用_第10张图片

8、利用mapbox调用发布的矢量切片

利用geoserver发布矢量切片,mapbox进行调用_第11张图片


代码




    
    加载第三方矢量切片
    
    
    
    
    

    



常见问题:

(1)mapbox调用服务的时候出现跨域问题

部署在Tomcat下面的geoserver请参照Tomcat下面部署Geoserver的跨域访问问题 设置

独立安装版的geoserver请参照 Geoserver解决跨域问题  设置

(2)mapbox加载wmts服务代码如下:

'mysource': {
                "type": "vector",
                'tiles': [
                    'http://localhost:8080/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=hmyspace:mylayer&STYLE=&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&FORMAT=application/x-protobuf;type=mapbox-vector&TILECOL={x}&TILEROW={y}'
                ]
            },





你可能感兴趣的:(利用geoserver发布矢量切片,mapbox进行调用)