探地雷达测绘数据管理系统产品系统

我要开发同款
知夏2026年10月28日
4阅读

技术信息

语言技术
CSS、JavaScript、React、TypeScript、Antd
系统类型
Web
行业分类
项目任务

作品详情

行业场景

随着工程建设范围在扩大,工程地下施工作业也在不断增加,为尽量避免施工现场地下隐蔽管线因盲目开挖、野蛮施工收到破环,提升施工效率和质量,需要有效的地下探测手段、管线资料建档和管理方案,使施工单位在施工作业前能准确的掌握地下管线分布情况,并对已探明的地下管线分布情况进行有效的存储管理。

功能介绍

项目包含驾驶舱、项目管理、报告管理、资料管理、设备管理、系统管理、个人中心、数据采集 8 大模块。
基于数据解析及还原,并且实现数据二次处理加工后,支持勘测的线路GIS地图可视化。

项目实现

项目职责:负责前端开发工作,前端基于 umi-max 框架进行开发,打造高性能、可扩展的前端应用。
技术栈:react@18.2.0、antd@5.x、antd-style、less、konva、openlayers@10.x、typescript@5.x、umi max。
● 使用 umi 选择 Ant Design Pro 模板创建项目,按需安装并开启权限、布局和菜单、请求库、数据流等插件。
● 使用 antd-style 设置样式,实现 css-in-js 渲染方案。
● 使用 konva 处理雷达现场伪彩图,具体包含对后端返回图片的渲染,添加深度、长度卡尺,添加坐标辅助工具、鼠标
悬浮查看位置坐标,图片分页渲染等功能。
● 使用 ol 加载离线天地图瓦片,可切换瓦片渲染为影像地图还是矢量地图;可根据返回的点位经纬度在地图上添加点位
标记,单击点位标记可弹出点位信息简介 popover 窗;对于相同类别的管线可以绘制、回显连线,点击开始连线按钮
后,鼠标单击点位连线,双击点位结束连线。并根据管线类别赋予特定颜色,绘制连线可撤销可重做。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论