Skip to content

DXnima/WebGIStest

Repository files navigation

WebGIStest 是基于 Vue+SpringBoot 使用开源GIS技术的相关用例功能实现项目。

项目地址

技术:

  • 前端:Vue | Element | Axios | OpenLayers | Mapbox-GL | Echarts

  • 后端:SpringBoot | Mybaits | Redis | Postgres+PostGIS+PgRouting | GeoTools | GDAL v3.5.2

  • 地图服务端: GeoServer

项目展示

空间分析模块

项目说明

实现功能说明

  1. OpenLayers

    • 实现图层切换
      • openStreetMap
      • 百度地图
      • 天地图
      • WMS Image服务
      • WMS Tile服务
      • WMS Grid服务
      • WMTS服务
      • WFS服务
    • 实现图层多选控件
    • 鼠标移动获取经纬度
    • 请求数据接口渲染点要素图层
    • 要素样式修改
    • 地图悬浮窗体
    • 地图覆盖饼状图
    • 加载GeoJSON数据
    • 加载wkts数据
    • 加载GeoServer发布的wms服务
    • 加载GeoServer发布的WFS服务
      • 加载WFS服务
      • 添加WFS服务图层
      • 修改WFS服务图层
      • 删除WFS服务
    • 点要素选中高亮
    • 点线面要素在线绘制、编辑
    • 点线面要素保存PostgesSQL数据库
    • PostGIS实现矢量切片
    • 综合例子:高校数据显示与查询
  2. GeoTools

    • 启动Quickstart例子
    • Geojson转Shapefile
    • Shapefile转Geojson
    • 读取Shapefile
    • Shapefile进行Intersect计算
    • Shapefile坐标转换
    • 创建XML格式的SLD
    • 空间关系判断
    • 空间分析
      • 叠加分析
      • 合并分析
      • 差异分析
      • 缓冲区分析
      • 最短路径分析(网络分析)
  3. Geoserver REST

    • 实现PostGIS数据源地图发布
    • 实现Shapefile数据源地图发布
    • 实现SLD样式发布
    • 实现PostGIS数据编辑
    • 实现Geoserver REST数据编辑
  4. GDAL

    • 实现读取.gdb数据
    • 实现将.gdb数据转GeoJSON数据

快速启动

1. Docker Hub拉取镜像安装

# 拉取镜像
docker pull dxnima/webgistest:latest
# 启动容器
docker run -p 28080:28080 -p 28081:28081 -p 28085:28085 --name webgistest -itd dxnima/webgistest:latest

容器启动后可以查看项目

前端打开:http://localhost:28080

后端打开:http://localhost:28081/webgisapi/doc.html

geoserver打开:http://localhost:28085/geoserver, 用户名:admin 密码:geoserver

tips:容器中还启动了postgres数据库,可以使用-p 5432:5432将postgres数据库映射出来

2. 自行创建镜像并安装

git clone https://gitee.com/dxnima/WebGIStest.git
# git clone https://github.com/DXnima/WebGIStest.git
cd WebGIStest
# 构建镜像
docker build -f Dockerfile -t dxnima/webgistest .
# 启动容器
docker run -p 28080:28080 -p 28081:28081 -p 28085:28085 --name webgistest -itd dxnima/webgistest

项目打开方式同上

编译运行

请移步:

文件说明

├─geoserver     geoserver地图服务软件
├─server-web    后端项目
├─SQL           数据库恢复数据表
├─vue-ui        前端项目

相关技术参考

1. GIS开发实战图谱https://blog.csdn.net/sinat_41310868/article/details/107010972

2. WebGIS文章汇总https://zhuanlan.zhihu.com/p/67232451

3. PostGIS矢量瓦片创建

4. 其他矢量地图解决方案

5. 网路分析(路径导航)

6. GDAL读取gdb

一起交流

QQ群:515705676

WebGIStest交流