随着我国经济的快速发展,交通基础设施也在迅猛地增加,而桥梁在交通运行中起到了不可替代的重要作用,其健康状态已不容忽视。然而,在我国,很多桥梁目前的检测方式仍然是人工检测。人工检测不仅周期长,而且检查的不全面且对病变没有量化的数据,因此,基于传感器的桥梁健康监测系统应运而生。本文深入研究了目前的桥梁健康监测和3D建模的现状,结合桥梁维护人员的实际需求,对桥梁监测中一些关键技术进行了研究,设计并实现了基于Web的桥梁健康监测数据可视化系统,实现了桥梁结构的三维展示和对监测数据的高效、直观的呈现和预警,对桥梁管养单位分析、维护桥梁起到了重要的作用。本文所做的具体工作如下:(1)分析了桥梁健康监测的意义和现状,对影响桥梁结构状态的指标进行了研究,总结了对桥梁健康监测所需布置的传感器类型,提出了在桥梁3D模型结构上展示其传感器布置情况的设想。研究了数据采集的过程,分析了传感器数据和其布置截面的映射关系,提出了解决方案,对数据噪声的影响,提出了对数据过滤并分别新建一张对应的数据表储存的解决方案。(2)研究了桥梁3D模型文件的制作过程,分析了通用的3D模型文件格式,并对其进行解析,从而生成系统所需的更高效率的模型格式文件。深入研究了WebGL技术,分析了其三维图像显示的流程和渲染框架,介绍了桥梁模型的绘制流程。同时,为了实现更逼真展示效果,还采用了纹理贴图的方式将桥梁附近的高清地图加载到桥梁模型空间。(3)为了实现桥梁模型和监测数据交互的功能,分析了桥梁结构中布置的传感器截面位置关系,并以SVG的图片格式绘制其测点布置图,通过标记桥梁模型的方式将其展示出来,通过选择测点布置图的传感器标记,跳转到数据展示部分。(4)分析了桥梁健康监测系统的实际需求,设计了以二维图表和统计表的方式,来展示和分析监测数据,并分别设计了实现这些功能的算法。最后,分析并总结了本文所做的工作,针对本系统的不足与缺点,提出了未来研究的方向,在系统进一步优化与完善后,会具有更大的应用价值。