肖现臣

(济南市勘察测绘研究院，山东 济南 250101)

1 引 言

近年来，智慧城市、数字孪生城市是数字化城市建设的热点，随着应用与研究的进展，诞生了许多数字化城市系统，为城市基础设施查询、分析、显示和管理提供了极大便利，同时进一步促进了数字城市理论的发展[1]。

在数字化城市建立的过程中，GIS与BIM技术发挥了极为重要的作用[2]。对于城市级、规划片区级的大场景三维数字城市的建设，目前技术比较成熟，可选的基础技术方案有ArcGIS API for JavaScript 4.X系列、Cesium等[3]，且都具有各自的技术生态链，提供系统构建各环节的技术支持。而GIS与BIM在城市细部空间的应用，即关注点在小型园区、工厂、加油站、泵站等较小范围的小场景三维地理信息系统，作为大场景数字化城市系统的补充，能够关注到更多、更细粒度的研究内容，是建设数字孪生城市不可或缺的一部分。

本文研究了如何基于Three.js框架搭建小场景三维地理信息系统，并对实践过程中形成的关键技术进行阐述。

2 Three.js简介

Three.js是一个开源JavaScript三维渲染引擎，它对WebGL进行封装的同时不损失其灵活性，并提供了易于使用的开发接口，让前端开发人员在不需要掌握很多数学和图形学知识的情况下，也能够轻松在浏览器端进行三维应用的研发，不但降低了门槛，也大大提升了效率。同时，Three.js的开源特性，让基于Three.js构建的三维应用可免费用于商业和非商业用途，减少项目成本。

选取Three.js搭建小场景三维地理信息系统的另一个优点是它对多类……