獨立的銫時間軸小部件

Question

有沒有人花時間從 Cesium 應用程序中提取時間線小部件？ 我希望使用沒有 Dojo 依賴項的時間線小部件。 我找到了一個預告片，說這是可能的，但時間線示例並不是最容易進行逆向工程的。 有沒有人知道我如何提取必要的庫並刪除 Dojo 依賴項？

谷歌群組時間線討論

銫時間線演示

Answer 1

時間線本身（在該演示應用程序之外）不使用 Dojo。 這是一個如何工作的示例。 您可以在 Sandcastle 上運行此演示。

function onTimelineScrubfunction(e) {
  var clock = e.clock;
  clock.currentTime = e.timeJulian;
  clock.shouldAnimate = false;
}

var timeControlsContainer = document.getElementById('timeControlsContainer');
var clock = new Cesium.Clock();
var clockViewModel = new Cesium.ClockViewModel(clock);
var animationContainer = document.createElement('div');
animationContainer.className = 'cesium-viewer-animationContainer';
timeControlsContainer.appendChild(animationContainer);
var animation = new Cesium.Animation(animationContainer, new Cesium.AnimationViewModel(clockViewModel));
var timelineContainer = document.createElement('div');
timelineContainer.className = 'cesium-viewer-timelineContainer';
timeControlsContainer.appendChild(timelineContainer);
var timeline = new Cesium.Timeline(timelineContainer, clock);
timeline.addEventListener('settime', onTimelineScrubfunction, false);
timeline.zoomTo(clock.startTime, clock.stopTime);
clockViewModel.shouldAnimate = true;


window.setInterval(function() {
  clock.tick();
}, 32);