cesium 中描述 entity 随时间动态变化时，必然要用到 property 插值，来对应时间和实体的状态，最近有用到这个属性，记录一下：

一般常用的插值有两种，一种是连续值插值SampleProperty，即给个时间段和一个状态区间，cesium会在区间内自己做平滑处理；
一种是枚举值插值TimeIntervalCollectionProperty，即一个时间段对应一个状态，不会做平滑插值。

假设现在有一个entity：

1
2
3
4
5
6
7
8
9

let myEntity = vie.entities.add({
  id: options.id,
  model: {
    uri: `gltf/car.gltf`,
    scale: 0.8,
    minimumPixelSize: 32,
    color: Cesium.Color.fromCssColorString('#ff0'),
  },
});

以下的source都是若干个 {时间，对应值组成的对象} 组成的数组list

前几天项目中有个需求是基于Vue框架使用CesiumJS库，需要创建里面gltf模型对应的Popup弹窗组件 来介绍一些关于这个entity的详细信息。

• 因为UI样式定制化较高，且可能多处需要调用，所以需要封装一个Popup组件。
• 并且如果使用原生html文本来一点点编写组件的话，开发起来会很呆 - -| 所以，改用创建并挂载一个Vue页面组件来实现这个弹窗页面。
• 接下来介绍一下实现步骤：
  

最近的项目中用到了 CesiumJS ，目前基本使用的问题大体排清

1. 官网下载 Cesium 源码程序包，解压

2. 解压后的目录中进入 Build 文件夹，找到 Cesium 文件夹，复制 Cesium 整个文件夹到项目的 public 文件夹下

3. 项目根组件 index.html 中引入 public 下的 Cesium (目录根据自己实际情况改写)：