转载：https://doc.bimo.world/shpwen-jian-zai-gao-de-di-tu-zhan-shi/
前言
本文的目标是将shp空间数据展示在高德地图上，这里面涉及了火星坐标转换，WMS地图图层发布，坐标系转换等问题。
流程图
未命名文件.png
准备环境
- 系统：win10 2004
- PostgreSQL：Docker镜像环境
包含：PostgreSQL 12.2、GEOS 3.8.0、Proj 6.3.1、PostGIS 3.0.1 - Postgis window版本：下载zip版本，使用其中的数据导入功能。
- Navicat Premium 15：必须使用15以上的版本，否则无法查看数据。
- Geoserver：Docker镜像环境
安装PostgreSQL
docker run -d --name bimo-postgresql -p 5432:5432 -e POSTGRES_PASSWORD=postgres geographica/postgis:latest
使用Navicat连接数据库
-
初始数据库、用户名、密码都为postgres
微信截图_20200707140908.png
准备Shp数据
-
文件组成
微信截图_20200707140417.png -
文件信息
微信截图_20200707140452.png
使用shp2pgsql-gui工具将Shp文件导入数据库
-
工具位置
微信截图_20200707141234.png -
打开工具添加文件，注意文件名称和目录不能包含中文
微信截图_20200707141420.png -
连接数据库：下方出现Connection succeeded表示数据库连接成功。
微信截图_20200707141808.png
微信截图_20200707141829.png
-
设置文件参数：SRID设置文件的值即可。点击Options可以设置其他参数。
微信截图_20200707141530.png
微信截图_20200707141938.png -
导入成功后可以使用Navicat查看数据是否导入成功：包含形状字段表示导入成功。
微信截图_20200707142113.png
坐标系转换：WGS84——>GCJ02（火星坐标）
- 在Navicat新建查询，创建postgis对象
create extension postgis
- 导入坐标转换函数：地址
新建查询，将geoc-pg-coordtransform.sql内容复制到查询中，点击回车，函数添加成功。
微信截图_20200707143125.png - 调用坐标转换函数：新建gaode表，将原表数据和转换后的数据存入
create table gaode as SELECT t.id, t.gridcode, geoc_wgs84togcj02(st_setsrid(geom,4326)) As geometry from yuncheng t;
发布WMS服务
- 安装Geoserver
docker run --name "geoserver" -p 8080:8080 -d -t kartoza/geoserver
- 登录网址：http://localhost:8080/geoserver，账号/密码：admin/geoserver
微信截图_20200707144644.png -
建立工作区
微信截图_20200707144956.png
微信截图_20200707145039.png -
创建数据存储
微信截图_20200707144848.png
微信截图_20200707144912.png
微信截图_20200707145216.png -
创建图层
微信截图_20200707145357.png
微信截图_20200707145431.png
微信截图_20200707145526.png
在高德中引用图层
let guan = new AMap.TileLayer.WMS({
url: 'http://39.101.136.194:1001/geoserver/bslt/wms',
blend: false,
tileSize: 256,
params: {
tiled: true,
FORMAT: 'image/png',
VERSION: '1.3.0',
LAYERS: 'bslt:gaode'
}
});
map.add(guan);
最终效果
微信截图_20200707145943.png
