cesium加载gltf模型，有gltf和json文件，怎么加载模型并实现点击模型构建获取基本信息

在Cesium中，加载GLTF（GL Transmission Format）模型通常需要借助`cesium-ion`库，它包含了对多种模型格式的支持，包括GIF和JSON。下面是加载模型的基本步骤，并实现点击模型获取基本信息：

1. **安装依赖**:
首先确保已安装`cesium-ion`库，如果没有，可以在项目中通过npm或yarn添加：

   npm install cesium-ion
   # 或者
   yarn add cesium-ion

2. **加载模型**:
使用`Scene`的`addTileset`方法加载模型数据，例如从`gltf.json`和`gltf.bin`文件：

   const scene = new Cesium.Scene();
   const ionSource = new Cesium.IonResource({
       url: 'https://your-model-url.com/gltf.json',
   });
   ionSource.fetch().then((json) => {
       return json.then((gltfModel) => {
           scene.primitives.add(Cesium.GltfLoader.load(gltfModel));
       });
   });

如果只提供了一个文件，比如`.gltf`，可以使用`Cesium.GltfLoader`直接加载。

3. **监听交互事件**:
添加点击事件监听器到场景，以便于用户点击模型时获取信息：

   scene.canvas.addEventListener('click', (event) => {
       const ray = scene.camera.getPick_ray(new Cesium.Cartesian3(event.clientX, event.clientY, scene.height));
       const result = scene.pick(ray);
       if (result && result.primitive) {
           // 获取模型的基本信息，如名称、ID等
           console.log(result.primitive.id, result.primitive.name);
       }
   });

4. **获取模型详细信息**:
`result.primitive`对象包含了一些基本属性，你可以进一步查询它的`properties`属性来获取更详细的元数据，如材质、纹理等。