mapbox本地化vue调用（矢量切片）

mapbox本地化vue调用（矢量切片）

要求搞这个mapbox的离线部署，走了好些弯路，一开始没搞明白光栅切片和矢量切片的区别，就开始搞光栅切片。瓦片就是一级一级的，放得越大，级数越大，每一级的切片也就越多。
光栅切片就是切片是图片，矢量切片就是切片是矢量文件。mapbox、百度、高德等地图都是用的矢量切片，一般来说用的矢量文件是pbf文件。之前光栅切片的离线在前面的文章里已经介绍过了。
这里我搞矢量切片也用了两种方法，一种是下载好矢量文件shp然后通过geoserver实时.pbf格式的切片发布，然后在style里定义source，在vue里调用；一种是下载好mapbox已经切好的.pbf矢量切片和mapbox用的字体、图标和style文件，用nginx搭建静态资源服务器，vue中直接取到切片就可以mapbox-gl渲染。
1、geoserver切片
在OpenStreetMap的官网的https://download.geofabrik.de/asia.html下载中国的.shp文件，然后使用geoserver发布切片，发布.pbf切片还需要去官网下个插件。
geoserver切片参考：
下载：https://blog.csdn.net/wojteck/article/details/108665019
安装：https://blog.csdn.net/aLoudVoice_/article/details/105459531
切片及调用：https://www.jianshu.com/p/4a35e935c466
https://www.pianshen.com/article/14921391315/
修改端口：ht