leaflet 添加geoserver + postgis database 发布的矢量瓦片

实现步骤：

1：安装postgresql

2：安装postgis

3：postgresql创建数据库及空间数据导入

3：geoserver发布矢量瓦片

4：leaflet以天地图瓦片为底图添加矢量瓦片

• 安装postgresql

1. 网盘地址：https://pan.baidu.com/s/1IIfUNi90upRRp5bPPbB6cQ   提取码：7xa8
2. 安装步骤：参照博客 https://blog.csdn.net/antma/article/details/83579920

• 安装postgis

1. 网盘地址：https://pan.baidu.com/s/1ENjBVw-PItIh7kebg2-oRg     提取码：5q6t

2. 安装步骤：一直下一步即可

• pgadmin4汉化、创建数据库及空间数据导入

        1.打开pgAdmin4

         

        2. 点击file-preferences

         

       3. miscellaneous-user language-chinese

       

 4. 重新打开pgadmin4便可看到汉化后的界面，然后创建数据库test

 

5：postgis插件添加

 

 

 

6：添加postgis插件后便能在扩展中看到postgis

7：利用postgis插件中的功能来进行数据导入

8：设置options选项

 9：添加shp文件（注意：shp文件路径必须为英文名）

 

10：修改投影（此处采用4326），然后点击import

11 ： 导入成功之后log Window会有以下提示

12：进入pgadmin4界面会发现导入的数据，如下图所示：

• geoserver添加postgis数据源发布矢量瓦片 

   1. 新建test工作区

 2. 添加新的数据存储

3. 选择postgis数据源

 

4. 参数如下

5：发布图层

 

 6. 查看发布图层地址

•  leaflet添加矢量瓦片

效果展示：