项目面向生态环境监管业务,搭建 GIS 专题展示平台与区级管理决策大屏,实现污染源、环境质量的空间可视化监管。系统分为 GIS 专题平台与管理决策大屏两大部分,GIS 专题平台包含污染源、环境质量两大业务模块;污染源模块提供在线监测、移动执法、应急、工地扬尘、餐饮汽修调查,支持图形空间查询、条件筛选、数据分页导出,查看企业废水废气监测同比、环比统计数据;环境质量模块实现空气质量、水环境、噪声质量监测点位查询,可按类别、街道、监测点检索环境监测指标数据。管理决策大屏汇聚空气质量、扬尘监测、企业监察等指标,地图展示监测站点分布,多维度图表展示环境统计、街乡指标排名数据,为环保管理人员提供可视化决策支撑。业务流程:业务人员登录系统,在 GIS 地图上查看污染源、环境监测点位,通过条件与图形框选查询企业、监测点业务数据,查看污染物同比环比图表,也可通过决策大屏宏观掌握区域环境整体状况,辅助环境监管、执法分析工作。
整体采用前后端分离 B/S 架构,前端基于 Vue+Element‑UI 开发业务页面,OpenLayers 实现二维 GIS 地图渲染,ECharts 完成各类环境统计图表、大屏可视化图表开发;后端对接 GeoServer 地图服务,获取业务空间要素与业务统计接口数据。本人主要负责 GIS 前端业务模块以及管理决策大屏开发,实现地图点位渲染、图形框选查询、多条件组合筛选、分页表格、数据导出功能;完成废水废气同比环比、噪声监测等各类 ECharts 图表封装,开发管理决策大屏各类指标卡片、地图点位、排行统计组件,对接后端接口完成数据联动渲染。开发过程遇到大量监测点位渲染卡顿、多图表数据更新冲突问题,采用点位聚合渲染、图表实例销毁复用、接口防抖节流方案优化,提升页面加载和交互性能,完成整套环保 GIS 业务功能落地,支撑环境监管人员日常业务查询与宏观决策。