cesium clock时间轴速度自定义

匆匆忙忙慌慌张张

于 2020-07-16 18:53:37 发布

阅读量2.9k

点赞数 4

本文链接：https://blog.csdn.net/weixin_42213796/article/details/107390351

版权

效果图

组件说明：

1.开始、暂停按钮使用的cesium自带的，通过css隐藏了周围的圆

2.上边的滑块使用的iview的slide滑块（min:1 max:100）

滑动滑块触发事件

// 滑块改变
slideChange(data) {
  console.log(data)
  // this.viewer.cesiumWidget.clock
  this.viewer.clockViewModel.multiplier = data * 1000  // data乘以1000是为了效果更明显，这里的1000可以根据项目需求自定 
  this.viewer.timeline.updateFromClock() // 更新timeline时间轴
  // console.log(this.viewer.clockViewModel.multiplier)
},