前言夕阳洒在水中，一半江水沙沙作响，一半江水染红。随着城市建设的快速发展，每年都有大量新建管网水管投入运行。城市中有大量的排水设备，形成了相应的城市排水系统。排水系统由检查井、排水泵站、污水处理厂、雨水口、排污口等组成，排水设备中的检查井、雨水口、排污口等通过排水管网连接，日常排水雨水进入排水管网输送和排放。目前，城市排水管网具有结构庞大、结构复杂的特点。在现有技术中，城市排水管网的监测监控还停留在严重依赖人工的模式。智能化和准确度水平无法满足现有技术。要求。(http://www.hightopo.com/demo/drainage-pump-station/)传统城市水务行业发展现状及需求近年来，物联网、云计算技术不断创新完善，为创建智慧城市提供有利条件。同时，为保障用水安全，节约有限资源，传统水务行业也在不断探索智慧水务建设。为实现智能生产、智能管理、智能服务、智能控制，智慧水务应运而生。1、城市给排水系统中，基本依靠人工管理和巡检来保证各环节的给排水正常，效率低，反馈周期长；客服体验差；3、水质、水压等相关环境数据无法清晰掌握，不利于水务精细化管理；4、对于水泵、水闸、取水龙头、污水处理等用水设备的状态无法实现统一管理，设备管理难度大；5、排水管网、污水处理设施、中水回用等排水系统不健全。针对水务行业的市场需求，我们使用HTforWeb搭建污水处理厂泵站自动控制系统。系统基于物联网理念，采用信息化技术，实现对管网运行指标的实时监控，包括管网液位、流量、水质、燃气、泵站运行状态等信息，确保确保管网安全高效发挥作用。通过建设安全预警平台，提升应急指挥和快速处置能力，保障城市排水管网安全运行，使整个城市排水管网安全运行可抓、可控、可预测，为城市级水利提供科学先进的水利保障。分析能力，更全面地评估城市排水管网的能力。以城市排水设施数据为基础，结合管网监测数据和气象雨情，为城市集水区智能划分、排水规划、内涝预测提供决策依据。通过智能水表、压力传感器、开关控制阀、水质传感器、流量传感器采集数据，然后对所有管道、设备（水泵、阀门、消火栓、消防栓等）和构筑物（水厂、水池等）水塔智能控制管理等），全面掌握水系统运行情况，如水位、流量、水质、水压、泵站运行状态等，确保供水系统的安全高效运行。代码实现首先设置一些基本参数以获得更好的体验：//禁止拖动gv.setMovableFunc(()=>{returnfalse})//隐藏选中的帧gv.getWireframe=(d)=>{d.s('wf.visible',false)}//设置眼睛gv.setEye([583,-212,-789])//设置中心点gv.setCenter([-76,-654,-133])//设置远positiongv.setFar(100000)//设置nearpositiongv.setNear(10)//设置交互限制gv.setInteractors([newht.graph3d.MapInteractor(gv)])//设置skySpheregv.setSkyBox(dm.getDataByTag('skyBox'))//全局设置上下文菜单禁用window.document.oncontextmenu=()=>{returnfalse}//复制初始位置gv.scene={eye:ht.Default.clone(gv.getEye()),center:ht.Default.clone(gv.getCenter()),far:ht.Default.clone(gv.getFar()),near:ht.Default.clone(gv.getNear()),}复制整个场景的初始视角，供以后处理。通过监听一些鼠标事件形成自己的操作风格（比如双击背景还原视角，双击模型放大）：gv.mi(e=>{letdata=e.dataletkind=e.kind//双击背景if(kind==='doubleClickBackground'){//恢复视角gv.moveCamera(this.gv.scene.eye,this.gv.scene.center,{duration:1000})}//双击模型elseif(kind=='doubleClickData'){//放大视角gv.flyTo(data,{animation:{duration:500},distance:800})}})场景中有一些panel，是之前封装好的2D图标，在3D场景中，是billboard类型的。通过设置data.s('shape3d.autorotate')属性，我们可以实现面板是否可以随视角自动旋转，值类型为布尔值。同时，我们可以为这些面板中的values等参数绑定自定义属性，方便后面驱动数据：data.a('name',value)data.a('state',value)data.a('num',value)...细心的小伙伴还发现墙上有一些广告牌，可以点击放大浏览，这个小交互也提升了用户体验：gv.mi(e=>{letdata=e.data,kind=e.kind//点击模型if(kind==='clickData'){//放大视角gv.flyTo(data,{animation:{duration:1000},distance:5000})}})flyTo方法表示相机查看特定节点或节点列表。我们可以为options参数设置动画效果。方向是眼睛在目标中的方向。距眼睛中心的固定距离。最后一部分也是本次demo中最特别的交互效果。不难发现，当我们使用滚轮缩放整个场景时，会出现一层层的建筑物可见和隐藏的部分，比如房屋的屋顶，这样我们就可以看到建筑物的内部.详细的结构和设备。我们通过判断相机的垂直视角距离来显示或隐藏模型，通过改变data.s('3d.visible')属性的布尔值来实现。this.gv.mp(e=>{const{property}=eif(property==='eye'){//当Y轴视角小于等于某个值时，隐藏逻辑const[cameraX,cameraY,cameraZ]=e.newValueif(cameraY<=500){//hide()console.log('shouldhidetheroof')}}})Programvalue1.无线自动抄表大大提高了准确性和抄表效率，显着降低人工成本；2、管网渗漏快速定位通过水表网格化、实时监控、管网问题快速定位等，实现渗漏分析，减少渗漏。3、水环境数据精细化管理通过水质、水压、温度等数据的实时回传，实现精细化、可视化管理，提升管理能力。4、无人值守、远程统一管控通过物联网传感设备，实现对水泵、闸门、取水龙头、污水处理器等用水设备状态的统一远程管理。可实现无人值守现场监控，管理员和技术人员可随时随地远程监控供水系统的实时状态；5、主动报告故障，减少意外故障造成的损失。提前了解设备异常，主动报告故障，及时发现，尽快维护。避免因设备故障导致的上下游设备及工况的连锁故障，最大限度降低设备非计划停机频率和故障损失。总结污水处理厂泵站自动控制系统，将数据以人机交互的形式显示在3D屏幕上，以控制面板的形式显示实时数据。同时可设置每项监测数据的预警值，具有数据达到预警值时提醒的功能。其核心模块包括：数据处理服务、管网监测点管理、监测实时数据、监测历史管理、监测数据对比、管网数据分析、监测数据接入等设计开发。通过HTforWeb平台，交互界面的设计变得更加简单方便。本文是针对水处理的一些场景分析和数据可视化设计。如果您有什么见解和填充，请指出，为水务事业和国家的发展做出一点贡献。欢迎大家在评论区留言互相讨论，共同进步！2019年我们还更新了上百个工业互联网2D/3D可视化案例集，在这里你可以找到很多新奇的例子，发现不一样的工业互联网：《分享数百个 HT 工业互联网 2D 3D 可视化应用案例之 2019 篇》。更多好玩有趣的demo都在里面，欢迎访问~~
