效果
关键代码
1.代码第 4 行,初始化时配置 webgl.alpha 为 true;
2.代码第 8 行,不显示天空盒;
3.代码第 9 行,背景色透明;
const viewer = new Cesium.Viewer('cesiumContainer', {
contextOptions: {
webgl: {
alpha: true
}
}
});
viewer.scene.skyBox.show = false;
viewer.scene.backgroundColor = new Cesium.Color(0,0,0,0);
4.css 设置,注意 #cesiumContainer 是 viewer 的 DOM id
#cesiumContainer {
background-image:url(../assets/bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}