Cesium 案例 (七) Time Dynamic Wheels

 
  知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。
主要学习网站:cesium官网案例源码 cesium中文网api文档
 
Cesium.Ion.defaultAccessToken =
        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3YjIzYWFlOS1iMzE4LTQ5ZmUtYmUyOS0yMWZlYmE5Yzg4Y2MiLCJpZCI6MTIyNzExLCJpYXQiOjE2NzUwNjAyNTR9.FlRXWHoB1XNQR4wi-_VGVJeOUMrVynCEGfcHgPHUmKY";
     const viewer=new Cesium.Viewer("cesiumContainer",{
      shouldAnimate:true,
     });
     const dates=[
     "2018-07-19T15:18:00Z",
  "2018-07-19T15:18:00.5Z",
  "2018-07-19T15:18:01Z",
  "2018-07-19T15:18:01.5Z",
  "2018-07-19T15:18:02Z",
  "2018-07-19T15:18:02.5Z",
     ]
     const uris = [
  "../Source/SampleData/Cesium3DTiles/PointCloud/PointCloudTimeDynamic/0.pnts",
  "../Source/SampleData/Cesium3DTiles/PointCloud/PointCloudTimeDynamic/1.pnts",
  "../Source/SampleData/Cesium3DTiles/PointCloud/PointCloudTimeDynamic/2.pnts",
  "../Source/SampleData/Cesium3DTiles/PointCloud/PointCloudTimeDynamic/3.pnts",
  "../Source/SampleData/Cesium3DTiles/PointCloud/PointCloudTimeDynamic/4.pnts",
];
function dataCallback(interval,index){

return {
  uri:uris[index],
};}
const timeIntervalCollection=Cesium.TimeIntervalCollection.fromIso8601DateArray(
  //从 ISO 8601 日期数组创建一个新实例。
  {
    iso8601Dates:dates,
    //  一组 ISO 8601 日期
    dataCallback:dataCallback,
    //一个函数,它将返回在将每个间隔添加到集合之前调用的数据。
    //如果未指定,数据将是集合中的索引。
  }
);
const pointCloud = new Cesium.TimeDynamicPointCloud({
  //提供时间动态点云数据的回放。
//点云帧按平均帧加载时间和当前时钟速度确定的间隔进行预取。
//如果中间帧不能及时加载以满足播放速度,它们将被跳过。
//如果帧足够小或时钟足够慢,则不会跳过任何帧。
  intervals: timeIntervalCollection,
  //一个 TimeIntervalCollection ,它的 data 属性是一个对象,
  //其中包含一个到 3D Tiles Point Cloud tile 的 uri 和一个可选的 transform 。
  clock: viewer.clock,
  //在确定时间维度的值时使用的 Clock 实例。
  style: new Cesium.Cesium3DTileStyle({
    pointSize: 5,
  }),
  //使用 3D Tiles Styling 语言 定义的样式,应用于点云中的每个点
});
viewer.scene.primitives.add(pointCloud);
//获取原语的集合
//将原语添加到集合中。
const start=Cesium.JulianDate.fromIso8601(dates[0]);
const stop=Cesium.JulianDate.fromIso8601(dates[dates.length-1]);

viewer.timeline.zoomTo(start,stop);

const clock=viewer.clock;
clock.startTime=start;
clock.currentTime=start;
clock.stopTime=stop;
clock.clockRange=Cesium.ClockRange.LOOP_STOP;

viewer.zoomTo(
  pointCloud,
  new Cesium.HeadingPitchRange(0.0,-0.5,50.0)
  //航向  俯仰  到中心的距离
  //定义局部框架中的航向角、俯仰角和范围。
  //航向是从当地的北向旋转,正角向东增加。
  //俯仰是从局部 xy 平面旋转。正俯仰角在平面上方。
  //负俯仰角位于平面下方。范围是距框架中心的距离。
);

热门相关:斗神战帝