中软国际(驻场中控科技) · 2024—2026

数字园区可视化平台 + 园宝 AI 助手

园区数字化可视化大屏与 AI 智能运维平台:基于 Cesium / WebGL 的 3D 园区场景交互,集成多类 AI 智能 Agent 运维助手,实现隐患监测、危险源追踪与实时数据动态展示。

React 18 Cesium WebGL Echarts AI 智能体 可视化大屏
3D
Cesium 园区场景
多类
AI Agent 接入
实时
数据动态展示
PC+大屏
多端呈现
01

项目概述

平台面向化工基地 / 产业园区的数字化运维,调用第三方提供的数字孪生地图 API 搭建 3D 园区场景,结合 Echarts 实现数据可视化大屏,并集成多类 AI 智能 Agent 作为「园宝」运维助手,覆盖隐患监测、危险源追踪、数据统计分析、智能运维辅助等能力,助力园区智能化管理。

02

技术栈

React 18 Vite Echarts TypeScript 数字孪生 API 数据可视化大屏 AI 智能体集成
03

我的职责与核心成果

🌐
地图大屏数据展示
调用第三方数字孪生地图 API,在地图上实现数据可视化大屏展示与交互功能。
🤖
园宝 AI 助手
集成多类 AI 智能 Agent 模块,搭建智能助手前端页面,提供智能运维问答与辅助。
📊
实时数据渲染
优化数据渲染逻辑,实现园区实时数据动态展示与联动。
🧠
智能体联动
将 AI 能力接入园区业务流,让运维人员通过对话即可完成查询、预订、通知等操作。
04

技术攻坚 · 真实踩坑

这些是从 0 到 1 落地过程中真实遇到的核心难题,也是最能体现工程能力的部分。

3D 性能

大场景渲染压力

3D 园区模型与实时数据叠加时帧率下降。

解决方案:合理分层渲染与实例化,按需加载场景对象,结合 Echarts 局部刷新,保证大屏长时间稳定运行。
数据

实时联动

多源实时数据频繁更新导致界面抖动。

解决方案:建立统一的数据订阅与节流机制,区分静态底图与动态图层,避免无谓重绘。
AI 融合

智能体交互体验

AI 助手与业务系统割裂,操作繁琐。

解决方案:将 AI Agent 与园区业务动作打通,支持一键开启、通知、查看路线等连续操作,降低使用门槛。
05

项目成果

  • 开发可视化大屏核心模块,结合 Cesium / WebGL 实现 3D 园区场景交互。
  • 集成多类 AI 智能 Agent,搭建「园宝」智能助手前端页面,落地智能运维辅助。
  • 优化数据渲染逻辑,实现园区实时数据动态展示,助力园区智能化运维管理。
  • 项目支撑宁东能源化工基地数字园区等多个场景的可视化与 AI 化升级。
06

界面预览

部分核心功能界面截图,点击缩略图可查看大图。

查看更多作品

持续打磨前端体验 · 让复杂业务变得简单流畅

© 2026 酒歌 · 前端开发工程师 · 本页内容基于真实项目沉淀整理