cesium时间轴格式化为北京时间_cesium 时间格式化-优快云博客

本文链接：https://blog.youkuaiyun.com/u011085217/article/details/131516528

文章介绍了如何在Cesium中利用JulianDate对象和addHours()方法添加8小时，并将转换后的日期和时间应用于时间轴、日期和时间的格式化函数中，以自定义显示时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

中心思想：使用JulianDate.addHours()方法，将时间+8.

效果：

初始配置：创建viewer时打开时间轴的配置（默认打开），动画配置shouleAnimate为true。

// timeline: false,
// animation: false,
shouldAnimate: true,

代码：

// cesium时钟时间格式化函数
function CesiumTimeFormatter(datetime, viewModel) {
    var julianDT = new JulianDate();
    JulianDate.addHours(datetime, 8, julianDT);
    var gregorianDT = JulianDate.toGregorianDate(julianDT);
        
    let hour = gregorianDT.hour + "";
    let minute = gregorianDT.minute + "";
    let second = gregorianDT.second + "";
    return `${hour.padStart(2, "0")}:${minute.padStart(2, "0")}:${second.padStart(2, "0")}`;
}
// cesium时钟日期格式化函数
function CesiumDateFormatter(datetime, viewModel, ignoredate) {
    var julianDT = new JulianDate();
    JulianDate.addHours(datetime, 8, julianDT);
    var gregorianDT = JulianDate.toGregorianDate(julianDT);
        
    return `${gregorianDT.year}年${gregorianDT.month}月${gregorianDT.day}日`;
}
// cesium时间轴格式化函数
function CesiumDateTimeFormatter(datetime, viewModel, ignoredate) {
   var julianDT = new JulianDate();
   JulianDate.addHours(datetime, 8, julianDT);
   var gregorianDT = JulianDate.toGregorianDate(julianDT);
        
   let hour = gregorianDT.hour + "";
   let minute = gregorianDT.minute + "";
   return `${gregorianDT.day}日${hour.padStart(2, "0")}:${minute.padStart(2, "0")}`;
}
        
Cesium.Timeline.prototype.makeLabel = CesiumDateTimeFormatter;
viewer.animation.viewModel.dateFormatter = CesiumDateFormatter;
viewer.animation.viewModel.timeFormatter = CesiumTimeFormatter;