Timeline

在Cesium中，Timeline组件提供了对时间的管理和控制。用户可以使用Timeline对场景进行时间选择、播放和暂停，以及查看瞬时事件的发生时间。

属性

container：HTMLElement | string | undefined

Timeline组件的容器元素。可以是DOM元素的引用或者是字符串类型的CSS选择器。如果没有指定，则Timeline将会放置在Cesium.Viewer的默认容器中。

clock：Clock

Timeline使用的Cesium Clock对象。

shouldAnimate：boolean

指示Timeline是否正在播放动画。

draggable：boolean

指示Timeline上的标记是否可以拖动。默认为true。

multicolored：boolean

指示Timeline上的标记是否使用多种颜色以表示不同类型的事件。默认为false。

snapToTicks：boolean

指示Timeline上的标记是否应该自动对齐到时间轴的整数刻度线。默认为true。

zoomToExtents：boolean

指示每当新的事件添加到时间轴上，Timeline是否应该自动适应时间轴的大小。默认为true。

stacked：boolean

指示事件是否添加到时间轴上时是否根据事件类型进行分组。默认为false。

show：boolean

指示Timeline是否应该显示。默认 true。

方法

destroy()

销毁Timeline对象。

事件

scrubbed

每当用户在Timeline上拖动标记时触发此事件。 事件数据将包含时间轴上的当前位置（以JulianDate格式提供）

finished

每当Timeline播放到最后一帧时，将触发此事件。只有当Timeline正在播放动画时才会触发。

示例

var viewer = new Cesium.Viewer('cesiumContainer');
var clock = viewer.clock;
var timeline = new Cesium.Timeline('timelineContainer');
timeline.container = 'timelineContainer';
timeline.clock = clock;
timeline.shouldAnimate = true;