博客

• 1. 设置背景图片

#cesiumContainer {
		width: 100%;
		height: 100%;
		background-image: url("@/assets/image/背景.png");
}

• 2. 设置渲染, 用来去掉地球表面的大气效果的黑圈问题

this.viewer = new Cesium.Viewer("cesiumContainer", {
			......
            // 设置渲染
            orderIndependentTranslucency: false,
            contextOptions: {
                webgl: {
                    alpha: true
                }
            },
            
		});

• 3. 屏蔽天空盒，设置背景透明

	// 屏蔽天空盒
	viewer.scene.skyBox.show = false;
	// 设置背景透明
    viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0);

效果如下：