关于cesium的使用心得_cesium.model.fromgltfasync-CSDN博客

本文链接：https://blog.csdn.net/qq_43164363/article/details/137864764

本文介绍了如何在Cesium.js中进行模型展示、设置相机视角、操作地图、添加自定义地形和模型标点，以及处理地形切片和模型压缩的相关技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我使用的版本是1.112，因为版本不同，有些方法跟写法会有区别，这个需要注意

主要功能是实现模型展示，模型测点显示以及改变模型构件颜色

Cesium.Ion.defaultAccessToken = '你的token'
var viewer = new Cesium.Viewer('cesiumContainer', {
        skyAtmosphere: new Cesium.SkyAtmosphere(),
        baseLayerPicker: false, // 影像切换
        animation: false, //是否显示动画控件
        timeline: false, //是否显示时间线控件
        infoBox: false, //是否显示点击要素之后显示的信息
        geocoder: false, //是否显示地名查找控件
        navigationHelpButton: false, //是否显示帮助信息控件
        fullscreenButton:false,//全屏
        vrButton:false,
        homeButton:false,//首页
        infoBox:false,//信息框
        sceneModePicker:false,//场景模式
        selectionIndicator:false,//选择指示器
        navigationHelpButton:false//时间线
    });

设置相机，相机视角：v_longitude:定位经度,v_latitude:定位纬度,v_height:相机高度,v_heading:水平旋转角度,v_pitch:俯仰角度,v_roll:翻滚角度

viewer.scene.camera.setView({
        destination: Cesium.Cartesian3.fromDegrees(//参数:(经度,纬度,椭球上方的高度)
            view.v_longitude,
            view.v_latitude,//调纬度可以拉近视角
            view.v_height
        ),
        orientation: {
            heading: Cesium.Math.toRadians(view.v_heading),
            pitch: Cesium.Math.toRadians(view.v_pitch),
            roll: Cesium.Math.toRadians(view.v_roll) //heading、pitch和roll就是镜头相对于xyz轴的角度，比如pitch为-90°而另外两个为0时，就是90°向下俯视地球
        }
    });

对地图进行操作需得等地图加载出来后再执行

// 最小缩放高度（米）
        viewer.scene.screenSpaceCameraController.minimumZoomDistance = 100;
        // 最大缩放高度（米）
        viewer.scene.screenSpaceCameraController.maximumZoomDistance = 8000;

        //显示部分区域113.38, 22.11, 113.51, 22.22
        let coffeeBeltRectangle = new Cesium.Rectangle.fromDegrees(113.226394, 21.930137, 113.500404, 22.095537);//最西的经度,最南端的纬度,最东的经度,最北端的纬度
        viewer.scene.globe.cartographicLimitRectangle = coffeeBeltRectangle;
        //添加地形
        // viewer.terrainProvider = await Cesium.createWorldTerrainAsync({//添加全球范围高质量地形数据的便捷方法
        //添加自定义地形数据源
        viewer.t