cesium【05-時鍾】

Clock（時鍾）相關的主要有Animation控件和Timeline控件，通常兩者會放在一起使用。

Clock內部以 JulianDate 維護時間，比北京時間慢8個小時。所有要想顯示北京時間需要計算偏差。

 

Clock

//達到時鍾的行為方式 
let clockRange = {
    'LOOP_STOP':Cesium.ClockRange.LOOP_STOP,//到達點后循環執行
    'CLAMPED':Cesium.ClockRange.CLAMPED,//到達點不再進一步前進
    'UNBOUNDED':Cesium.ClockRange.UNBOUNDED//到達點后，向后移動
}
//設置開始和結束時間
function getDate(seconds=3600){
    let d = new Date();
    let t = [d.getFullYear(),d.getMonth(), d.getDate(),d.getHours()+8,d.getMinutes(),d.getSeconds()]
    let start = Cesium.JulianDate.fromDate(new Date(t[0],t[1],t[2],t[3],t[4],t[5]));
    let stop = Cesium.JulianDate.addSeconds(start, seconds, new Cesium.JulianDate());
    return{
        start,
        stop
    }
}
let gd = getDate();
//設置clock
let clock = new Cesium.Clock({
    startTime:gd.start,//時鍾的開始時間
    currentTime:gd.start,//當前時間
    stopTime:gd.stop,//時鍾的停止時間
    multiplier:1,//時間速率
    clockRange:clockRange.LOOP_STOP,//達到時鍾的行為方式 
})
//讀取clock
console.log(viewer.clock)

 

Animation

//設置Animation當前時間為北京時間
function Animation(){
    var d = new Date();//獲取javascript當前時間
    var hour = 0 - d.getTimezoneOffset();//時間差
    //獲取視圖模型,並設置格式化顯示時間的函數。
    viewer.animation.viewModel.timeFormatter = function (date, viewModel) {
        var dateZone8 = Cesium.JulianDate.addMinutes(date, hour, new Cesium.JulianDate());
        var gregorianDate = Cesium.JulianDate.toGregorianDate(dateZone8);
        var millisecond = Math.round(gregorianDate.millisecond);
        if (Math.abs(viewModel._clockViewModel.multiplier) < 1) {
            return Cesium.sprintf("%02d:%02d:%02d.%03d;", gregorianDate.hour, gregorianDate.minute, gregorianDate.second);
        }
        return Cesium.sprintf("%02d:%02d:%02d GMT+8", gregorianDate.hour, gregorianDate.minute, gregorianDate.second);
    };
}
Animation();

 

Timeline

viewer.timeline.zoomTo(gd.start,gd.stop)