Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图1 (2018-08-20 21:47:52)

| 标签:

cesium

threejs

cesium 引入 threejs

| 分类: Cesium |

今天我们来学习下如何在 cesium 工程中引入 threejs。做 web 端三维的对 threejs 应该非常了解,threejs 的历史要比 cesium 长的多,应用也比 cesium 流行多。相比 cesium,three 可以支持物理引擎库,适合小场景三维应用。现在 github 上也有人完全基于 threejs 做数字地球了:itowns。github 介绍:

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图2

国内大牛们也自己造轮子,MikesWei 在 git 上贡献两个相关工程:Cesium3jsCesiumMeshVisualizer。cesium 官网也发布一个相关工程:cesium-threejs-experiment。下面我们来介绍下官网这个工程。首先下载工程解压:

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图3

源代码和示例在 public 文件夹下,主要是 CesiumThree.js 文件:

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图4

我们加入 cesium 和 three 库后运行 index.html 发现无法运行,打开源码 CesiumThree.js 发现:

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图5

里面和 cesium 相关很多对象名称都写错,好比上图中的 CesiumCartesian3 应该是 Cesium.Cartesian3,类似错误很多,于是在官网这个示例中将错误地方修改了,新建了一个 git 工程:CesiumThreejs.Demo

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图6

正确运行效果如下:

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图7

在本系列博客的工程中也添加此示例,示例源码:github 源码

我的学习公众号也开通,感兴趣的小伙伴们可以加关注:giserYZ2SS,代码交流小伙伴在公众号发消息,我会一一回复的。

Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图8

  • Cesium学习笔记-工具篇13-CesiumThreejs引入threejs - 图9

    王小伦子
    这样的叠加方式,有可能实现,three 的对象与 cesium polygon 完全重合的情况吗,即由经纬度范围直接控制 three 对象的大小,而不是通过 set scale 的方式
    2018-11-20 17:30举报分享回复 (1)

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。
http://blog.sina.com.cn/s/blog_15e866bbe0102xz2g.html