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)