Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中。下面我们将使用Sentinal-2二维贴图和Cesium世界地形,二者都需要ion的支持。
备注 在我们使用Cesium的过程中,如果没有申请ion,同时没有自己的数据源用的cesium提供的数据源,viewer的底部常常会提示一行小的英……
任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器(盒子)。创建一个Viewer和HTML中的一个id为”cesiumContainer”的div绑定即可。
var viewer = new Cesium.Viewer('cesiumContainer');
使用以上代码之后,能看到下图所示的基本的数字地球:
默认地,场景支持……
app目录
下载官网上的文件,我们能看到以下CesiumJS库结构:
Source/: Cesium应用程序代码及数据
ThirdParty/:外部依赖库,不同于Cesium的第三方库
LICENSE.md:Cesium的License介绍
index.html:Web首页,需要按照Cesium要求定义页面,同时添加Cesium依赖库
server.js:基于node.js的web服务应用
备注
cesiumJS与第三……
验证浏览器
Cesium需要浏览器支持WebGL,可以通过CesiumJS官网提供的一个HelloWorld例子来测试自己的浏览器是否支持Cesium。(推荐使用Chrome) 测试地址: https://cesiumjs.org/Cesium/Apps/HelloWorld.html
选择IDE
官网中写到:
If you’re already a seasoned developer, you most likely have a favorite editor or……
Cesium简介
Cesium官网:https://cesiumjs.org
官网中标题写到:
An open-source JavaScript library for world-class 3D globes and maps
Cesium是一款开源的基于JavaScript的3D地图框架。其实他就是一个地图可视化框架
官网中描述写到:
CesiumJS is a geospatial 3D mapping platform for creating virtual globes.……
分享一下让Cesium地球自转的代码
var i = Date.now();</p>
<p>function rotate() {
var a = .1;
var t = Date.now();
var n = (t - i) / 1e3;
i = t;
viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, -a * n);
}</p>
<p>viewer.clock.onTick.addEventListener(rot……
前Cesium不支持直接加载倾斜摄影的OSGB数据:
https://www.oschina.net/question/104733_2198017
但是可以通过转换将OSGB数据转换成Cesium可以加载的数据格式。
目前Cesium自己定义支持最好的格式应该是:3D Tiles。这种格式处于发展阶段还不够成熟。但是基于官方的一些Demo可以发现效果还是非常不错的。
3D Tiles在逻辑……
在cesiumjs中文社区的时间线中我写到:
2021年06月09日 * QQ群807482793,群成员已满3000人,日均uv600+,Cesium中文网2群:811457177
2020年11月05日 * QQ群807482793,群成员超过2000人,微信群已满500人,创建微信2群。
2019年11月26日 * 注册人数破400,QQ群807482793,群成员超过1000人,日均uv300+
2019年05月……