(2018-08-20 21:47:52)
| 标签:
cesium
threejs
cesium 引入 threejs
| 分类: Cesium |
今天我们来学习下如何在 cesium 工程中引入 threejs。做 web 端三维的对 threejs 应该非常了解,threejs 的历史要比 cesium 长的多,应用也比 cesium 流行多。相比 cesium,three 可以支持物理引擎库,适合小场景三维应用。现在 github 上也有人完全基于 threejs 做数字地球了:itowns。github 介绍:
国内大牛们也自己造轮子,MikesWei 在 git 上贡献两个相关工程:Cesium3js和CesiumMeshVisualizer。cesium 官网也发布一个相关工程:cesium-threejs-experiment。下面我们来介绍下官网这个工程。首先下载工程解压:
源代码和示例在 public 文件夹下,主要是 CesiumThree.js 文件:
我们加入 cesium 和 three 库后运行 index.html 发现无法运行,打开源码 CesiumThree.js 发现:
里面和 cesium 相关很多对象名称都写错,好比上图中的 CesiumCartesian3 应该是 Cesium.Cartesian3,类似错误很多,于是在官网这个示例中将错误地方修改了,新建了一个 git 工程:CesiumThreejs.Demo。
正确运行效果如下:
在本系列博客的工程中也添加此示例,示例源码:github 源码。
我的学习公众号也开通,感兴趣的小伙伴们可以加关注:giserYZ2SS,代码交流小伙伴在公众号发消息,我会一一回复的。
王小伦子
这样的叠加方式,有可能实现,three 的对象与 cesium polygon 完全重合的情况吗,即由经纬度范围直接控制 three 对象的大小,而不是通过 set scale 的方式
2018-11-20 17:30举报分享回复 (1)
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。
http://blog.sina.com.cn/s/blog_15e866bbe0102xz2g.html