Cesium中设置背景图片(不是天空盒)

通过 CSS 设置容器背景,并隐藏 Cesium 的默认黑色背景:

复制代码
// 初始化 Cesium 时禁用天空盒和背景
const viewer = new Cesium.Viewer('cesiumContainer', {
    skyBox: false,           // 禁用天空盒
    skyAtmosphere: false,    // 可选:禁用大气层
    baseLayerPicker: false,  // 可选:禁用底图选择器
    sceneMode: Cesium.SceneMode.SCENE3D,
    // 设置透明背景
    contextOptions: {
        webgl: {
            alpha: true
        }
    }
});

// 启用透明背景
viewer.scene.backgroundColor = Cesium.Color.TRANSPARENT; 

源码地址:https://gitee.com/duansamve/vue3-cesium1.95-model-update.git

相关推荐
BJ-Giser1 天前
Cesium 体积光阴影率分析和阴影体渲染效果
前端·可视化·cesium
小彭努力中3 天前
205.Vue3 + OpenLayers:加载动画,采用 CSS 的 @keyframes 方式
前端·css·vue.js·openlayers·cesium·webgis
悠哉摸鱼大王4 天前
cesium学习(一)-基本概念
前端·cesium
悠哉摸鱼大王4 天前
cesium学习(二)-地图地形
前端·cesium
悠哉摸鱼大王4 天前
cesium学习(三)-3d tiles
前端·cesium
悠哉摸鱼大王4 天前
cesium学习(五)-Primitive
前端·cesium
悠哉摸鱼大王4 天前
cesium学习(四)-相机
前端·cesium
BJ-Giser5 天前
Cesium 烟雾粒子特效
前端·可视化·cesium
GIS瞧葩菜5 天前
Cesium 中 WMS 图层点击查询(pickImageryLayerFeatures和GetFeatureInfo)
wms·cesium·鼠标·图层·查询wms
爱看书的小沐10 天前
【小沐学WebGIS】基于Cesium.JS与jsbsim联动三维飞行仿真(OpenGL、Cesium.js、Three.js)
c++·qt·three.js·opengl·cesium·jsbsim