从0到1搭建web三维智慧城市基础要素，three.js+mapbox智慧城市！

首先明确最终web三维智慧城市的形态，在最近的项目中，我们接触到了一个县级城市的web三维城市可视化。

1、选择合适的web三维引擎

该县级城市的最大特点：山脉较多，主城区面积不大。基于这个特点我们选用的引擎是

mapbox+three.js，mapbox自带地形，渐进式渲染，山脉搭配主城区建筑物，整个势就起来了。如果不涉及大范围地形，只用three.js即可，mapbox也会消耗点显卡资源。

2、准备web三维城市中的要素

这里列出部分要素，可以看到，很多重要的要素都来自geobuilding工具生产。

1、山脉（mapbox）

2、主城区河流(geobuilding)

3、主城区建筑物模型(geobuilding)

4、主城区模拟车流线(geobuilding)

5、视频融合场景坐标(geobuilding)

6、巡逻车跟踪镜头线(geobuilding)

7、核酸事件场景，椭圆镜头环绕线，高速口-医院-疾控中心-政府(geobuilding)

8、点位标记(three.js)

9、大事件飞线(three.js)

10、精模小区模型(three.js)

11、小范围实景三维3dtile(three.js)

12、网格围栏(three.js)

...

3、使用geobuilding生产三维要素

生产的车流线

飞鸟线

网格数据

视频融合

椭圆镜头环绕

原有主城区建筑物数据

geobuilding生产的建筑物数据

 建筑物贴图

4、最终形态

geobuilding下载 https://share.weiyun.com/5dAbywSl geobuilding不与wireshark共存，使用前请先卸载wireshark，并清除npf服务。 开始->运行->regedit HKEY_LOCAL_MACHINE/SYSTEM/CurrentControlSet/Services/Npf 这个删掉

最终的形态

查看完整版视频，请移步视频连接：https://www.bilibili.com/video/BV1VU4y197Gn?spm_id_from=333.999.0.0 作者：geobuilding https://www.bilibili.com/read/cv17263048?spm_id_from=333.999.0.0 出处：bilibili