用cesiumjs 加载glb模型

1.创建Cesium.Viewer对象

首先，需要创建一个Cesium.Viewer对象，用于加载3D场景和模型。可以通过以下代码创建一个全局变量viewer：

var viewer = new Cesium.Viewer("cesiumContainer", {
    terrainProvider: Cesium.createWorldTerrain()
});

其中，"cesiumContainer"是在HTML文件中指定的用于显示3D场景的div元素的id。

2.加载glb模型

使用Cesium的Entity API加载glb模型。

var entity = viewer.entities.add({
    name: "model",
    position: Cesium.Cartesian3.fromDegrees(-74.0707383, 40.7117244, 0),
    model: {
        uri: "model.glb"
    }
});

其中，name是模型的名称，position是模型的位置，model.uri是模型的路径。

3.调整相机位置和方向

可以使用以下代码将相机调整到模型附近：

viewer.zoomTo(entity);

4.完整代码

下面是一个完整的示例代码，用于加载glb模型并将相机调整到模型附近：

var viewer = new Cesium.Viewer("cesiumContainer", {
    terrainProvider: Cesium.createWorldTerrain()
});

var entity = viewer.entities.add({
    name: "model",
    position: Cesium.Cartesian3.fromDegrees(-74.0707383, 40.7117244, 0),
    model: {
        uri: "model.glb"
    }
});

viewer.zoomTo(entity);