cesium 设置时间_Cesium中Clock控件及时间序列瓦片动态加载

前言

前面已经写了两篇博客介绍Cesium，一篇整体上简单介绍了Cesium如何上手，还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合。Cesium的强大之处也在于其可以将时间运用到3维地球上，可以根据此时间进行动画、轨迹记录、地球的光照等等所有与时间相关的可视化效果。本文介绍Cesium中的Clock控件以及如何动态加载时间序列瓦片。

一、 Clock控件

1.1 控件显示和隐藏

这里说的Clock控件包含两部分，Animation控件和Timeline控件，这二者基本是同时出现或隐藏的。如下图所示：

在Cesium中Viewer默认开启这两个控件，如果你想要不显示这两个控件，可以在Viewer初始化中设置其为false，代码如下：

var viewer = new Cesium.Viewer('cesiumContainer', {

animation:false,

timeline:false

});

但这种方式只能在初始化时设置，无法动态的切换显示状态，灵活度上稍显不足。如下方式可以动态控制显示和隐藏，会动态调整布局。

viewer.animation.container.style.visibility = 'visible';

viewer.animation.container.style.visibility = 'hidden';

viewer.timeline.container.style.visibility = 'visible'