近年来,城市规划发展的内外部环境发生了重大改变。随着新型城镇化的大幅推进和国家对新型城镇化发展提出的“多规合一”的具体标准的推行。推进规划体系改革,建立统一的空间规划体系、限定城市发展边界、划定城市生态红线势在必行。城市规划行业正处在动能转换的关键时期,不少规划部门都在进行或者在酝酿信息化技术和管理职能的改革。传统的利用二维空间展示城市规划数据的方法正在逐渐被更能直接反应城市规划成果的三维可视化技术取代。随着HTML5规范和WebGL规范的完善和推广以及前端应用框架思想的推进,浏览器端正在摆脱过去性能不足、平台薄弱的缺点,其自身天然具备的跨平台特性使得B/S架构的Web应用正在越来越多的在各个领域得到广泛的应用。本文深入研究了 WebGL规范和Web应用架构关键技术,提出了一套基于WebGL的三维规划可视化平台综合方案。借助前后端相互配合,实现了多源异构规划数据在三维场景下的快速建模可视化,并针对规划领域需求实现简单的空间分析能力。本文首先对当前规划领域的研究背景和环境进行了简单介绍,然后介绍了WebGL规范的概念和工作原理,并分析了 WebGL相对于传统Web三维可视化技术的优势。在对比了当前流行WebGL三维可视化框架之后,确定了 Mapbox-gl作为本文的三维渲染引擎;为了实现多源异构数据的统一整合,研究了 GDAL技术并实现了一套数据处理流程;接下来,本文对研究的三维规划可视化平台进行了需求分析,确定了平台技术路线,并完成了总体设计;最后,通过实现一个原型系统对论文的研究成果进行了验证。