Skip to content

后端技术:C#,.Net Core,PostgreSQL 前端技术:Vue.js,Element-UI,ArcGIS API For Javascript,二维三维地图展示 数据处理:ArcGIS Server,ArcGIS Map

完成了以下工作: (1)Vue.js + Element-UI 框架搭建,将 Header、Aside、Map、Form、EchartsPane 等代码进行组件化封装。 (2)搭建 ArcGIS Server 10.5,ArcGIS Map 10.5,并部署 ArcGIS API For Javascript 4.15。 (3)完成成果展示页面安装 esri-loader,加载 esri-loader,并展示离线地图。 (4)完成 Vue.js + Element-UI 绘制 Echarts 图表,并改变 Echarts 图表的主题风格。 (5)完成填写项目基本情况和项目前期工作的表单页,可用于自定义属性编辑页面。 (6)完成地图操作,放大、缩小、回到全图范围、图层开关、切换平面、切换三维、画点、画线、画面、测量距离、测量面积、清除绘制、要素属性多条件查询、增加要素并填写属性、修改要素属性、删除要素、图层预览。 (7)文件上传、文件下载。

项目运行效果 ​

字数
778 字
阅读时间
4 分钟

项目初期运行效果: ​

imgimgimgimg

项目一期工程运行效果: ​

成果展示地图全图(侧边栏折叠状态): ​

img

成果展示地图全图(侧边栏展开状态): ​

img

成果展示地图全图(图层开关打开状态): ​

imgimgimg

三维地图展示: ​

img

三维地图高程信息展示: ​

imgimg

在地图上绘制点: ​

img

在地图上绘制线: ​

img

在地图上绘制面: ​

img

在地图上测量距离: ​

img

在地图上测量面积: ​

img

数据统计页面: ​

imgimgimgimg

要素属性多条件查询: ​

imgimgimgimg

要素属性多条件查询结果列表展示并在地图上高亮展示: ​

imgimgimg

增加要素并填写属性: ​

imgimgimgimgimg

编辑要素属性: ​

imgimgimg

点击要素属性弹出框播放视频: ​

img

删除要素: ​

imgimgimg

成果及资料管理平铺页面: ​

img

展示各个图层详细信息: ​

imgimgimg

预览某个图层: ​

img

导出图层数据到 Excel 表格: ​

imgimg

展示各个 ArcGIS 服务中图层的详细信息: ​

imgimgimgimg

上传文件: ​

imgimg

下载文件: ​

img

正在开发中的页面: ​

img

贡献者 ​

文件历史 ​

用 ♥ 撰写