079：vue+cesium 加载glb文件，用于czml中

在Vue项目中使用Cesium加载GLB模型并将其转换为CZML用于动态展示，可以通过以下步骤实现：

1. 安装并引入Cesium库。
2. 在Vue组件中创建Cesium Viewer实例。
3. 使用Cesium的Model.fromGltf方法加载GLB模型。
4. 将模型转换为CZML格式。
5. 使用Cesium Viewer的viewer.trackedEntity方法跟踪和展示模型。

以下是一个简单的示例代码：

<template>
  <div id="cesiumContainer" style="width: 100%; height: 100vh;"></div>
</template>
 
<script>
import Cesium from 'cesium/Cesium'
import 'cesium/Widgets/widgets.css'
 
export default {
  name: 'CesiumModelLoader',
  mounted() {
    // 创建Cesium Viewer实例
    const viewer = new Cesium.Viewer('cesiumContainer')
 
    // GLB模型的URL
    const modelUrl = 'path/to/your/model.glb'
 
    // 加载GLB模型
    Cesium.Model.fromGltf({
      url: modelUrl,
      // 其他Cesium.Model.fromGltf选项...
    }).then(model => {
      // 将模型转换为CZML
      const czml = Cesium.Model.getCzmlProperties(model)
 
      // 将CZML加载到Cesium Viewer中
      viewer.scene.primitives.add(model).readyPromise.then(function() {
        // 跟踪模型
        viewer.trackedEntity = model
      })
 
      // 可以选择将CZML直接添加到Cesium Viewer中
      // viewer.scene.primitives.add(new Cesium.CzmlDataSource(czml))
    }).otherwise(error => {
      console.error(error)
    })
  }
}
</script>

确保你已经正确安装了Cesium库，并且正确设置了其访问路径。modelUrl变量需要指向你的GLB模型文件。这段代码会在Vue组件加载时创建Cesium Viewer，加载GLB模型，并将模型转换为CZML格式，然后在Viewer中加载和跟踪模型。