美文网首页
cesium 自定义时钟Clock

cesium 自定义时钟Clock

作者: panergongzi | 来源:发表于2021-01-23 23:07 被阅读0次

代码如下

var clock = new Cesium.Clock({

  startTime: Cesium.JulianDate.fromIso8601("2013-12-25"),

  currentTime: Cesium.JulianDate.fromIso8601("2013-12-25"),

  stopTime: Cesium.JulianDate.fromIso8601("2013-12-26"),

  clockRange: Cesium.ClockRange.LOOP_STOP, // loop when we hit the end time

  clockStep: Cesium.ClockStep.SYSTEM_CLOCK_MULTIPLIER,

  multiplier: 4000, // how much time to advance each tick

  shouldAnimate: true, // Animation on by default

});

var viewer = new Cesium.Viewer("cesiumContainer", {

  //clockViewModel: new Cesium.ClockViewModel(clock),

});

  //var clock = new Cesium.Clock();

  var clockViewModel = new Cesium.ClockViewModel(clock);

  var viewModel = new Cesium.AnimationViewModel(clockViewModel);

  var widget = new Cesium.Animation('animationContainer', viewModel);

  function tick() {

      clock.tick();

      Cesium.requestAnimationFrame(tick);

  }

  Cesium.requestAnimationFrame(tick);

自己创建的时钟效果

通过clockViewModel来控制时钟的状态

clockViewModel.shouldAnimate设置是否可以进行时钟动画

clockViewModel.shouldAnimate 来暂停和播放动画

clockViewModel.currentTime 来重置当前时间

相关文章

网友评论

      本文标题:cesium 自定义时钟Clock

      本文链接:https://www.haomeiwen.com/subject/xnduzktx.html