从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+mapbox)
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生产的建筑物建筑物贴图 

 3、最终形态

 查看完整版视频：https://www.bilibili.com/video/BV1VU4y197Gn