自定义背景图


    #mapContainer{
        width: 100%;
        height: 100%;
        position: absolute;
        /*width: 45%;*/
        /*height: 100%;*/
        /*left: 20%;*/
        pointer-events: none;
        background: #0f0c29;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

 const viewer = new Cesium.Viewer('mapContainer', {
        timeline: timelineShow,//是否显示时间轴
        animation: timelineShow,//是否创建动画小器件,左下角仪表
        infoBox: false, //信息框
        fullscreenButton: false,//是否显示全屏按钮
        skyAtmosphere: new Cesium.SkyAtmosphere(),  // 大气外光圈
        homeButton: false,//是否显示Home按钮
        sceneModePicker: false,//是否显示3D/2D选择器
        baseLayerPicker: false,//是否显示图层选择器
        navigationHelpButton: false,//是否显示右上角的帮助按钮
        selectionIndicator: false, //绿色框--相机选中
        geocoder: false,//是否显示geocoder小器件,右上角查询按钮
        // terrainProvider : Cesium.createWorldTerrain({
        //     requestWaterMask: true//水波纹开启
        // })

        //自定义背景图
        orderIndependentTranslucency: false,//去掉大气层黑圈
        contextOptions: {
            webgl: {
                alpha: true,
            }
        },

    });
    viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0);//自定义背景图颜色
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容