-
前端:Vue | Element | Axios | OpenLayers | Mapbox-GL | Echarts
-
后端:SpringBoot | Mybaits | Redis | Postgres+PostGIS+PgRouting | GeoTools | GDAL v3.5.2
-
地图服务端: GeoServer
-
- 实现图层切换
- openStreetMap
- 百度地图
- 天地图
- WMS Image服务
- WMS Tile服务
- WMS Grid服务
- WMTS服务
- WFS服务
- 实现图层多选控件
- 鼠标移动获取经纬度
- 请求数据接口渲染点要素图层
- 要素样式修改
- 地图悬浮窗体
- 地图覆盖饼状图
- 加载GeoJSON数据
- 加载wkts数据
- 加载GeoServer发布的wms服务
- 加载GeoServer发布的WFS服务
- 加载WFS服务
- 添加WFS服务图层
- 修改WFS服务图层
- 删除WFS服务
- 点要素选中高亮
- 点线面要素在线绘制、编辑
- 点线面要素保存PostgesSQL数据库
- PostGIS实现矢量切片
- 综合例子:高校数据显示与查询
- 实现图层切换
-
- 启动Quickstart例子
- Geojson转Shapefile
- Shapefile转Geojson
- 读取Shapefile
- Shapefile进行Intersect计算
- Shapefile坐标转换
- 创建XML格式的SLD
- 空间关系判断
- 空间分析
- 叠加分析
- 合并分析
- 差异分析
- 缓冲区分析
- 最短路径分析(网络分析)
-
- 实现PostGIS数据源地图发布
- 实现Shapefile数据源地图发布
- 实现SLD样式发布
- 实现PostGIS数据编辑
- 实现Geoserver REST数据编辑
-
- 实现读取.gdb数据
- 实现将.gdb数据转GeoJSON数据
# 拉取镜像
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数据库映射出来
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矢量瓦片创建
- PostgreSQL+Postgis MapboxVectorTile应用:https://blog.csdn.net/gery1990/article/details/110471047
- 基于springboot+postgis的矢量切片:https://blog.csdn.net/zhaoquanfeng/article/details/81874270
- pgsql+postgis 实时返回mvt(Mapbox Vector Tiles) 矢量瓦片:https://blog.csdn.net/qq_35997793/article/details/108145550
4. 其他矢量地图解决方案
- 发布自己的mapbox矢量地图:https://blog.csdn.net/xinlingjun2007/article/details/80846826
- Mapbox-GL矢量地图样式参考:https://blog.csdn.net/wan_yanyan528/article/details/48465403
5. 网路分析(路径导航)
- pgRouting官方教程介绍:https://blog.csdn.net/qq_35732147/article/details/88633598
- PostGIS 结合Openlayers以及Geoserver实现最短路径分析:https://blog.csdn.net/guzicheng1990/article/details/102524923
- PostGis+GeoServer+OpenLayers最短路径分析:https://blog.csdn.net/qgbihc/article/details/108635912
6. GDAL读取gdb
- java 调用gdal读取gdb数据:https://blog.csdn.net/weixin_53853459/article/details/120954597
QQ群:515705676