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

2022-07-23 14:37:07 浏览数 (2)

首先明确最终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

0 人点赞