cesium 亮度设置

最新推荐文章于 2025-03-17 12:31:02 发布

tianmeng1999

最新推荐文章于 2025-03-17 12:31:02 发布

阅读量1w

点赞数 4

分类专栏： cesium

本文链接：https://blog.csdn.net/weixin_42448623/article/details/103122213

版权

cesium 专栏收录该内容

28 篇文章

订阅专栏

获取 AccessToken

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cesium 雾效果展示</title>
    <script src="https://cesiumjs.org/releases/1.51/Build/Cesium/Cesium.js"></script>
    <link href="https://cesiumjs.org/releases/1.51/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <style>
        html,body,#cesiumContainer{
            padding: 0;
            margin: 0;
            width:100%;height:100%
        }
    </style>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script>
        // cesium 秘钥
        Cesium.Ion.defaultAccessToken = '你的秘钥';
        var viewer = new Cesium.Viewer('cesiumContainer',{
            geocoder: false,                //是否显示地名查找控件
            sceneModePicker: false,         //是否显示投影方式控件
            navigationHelpButton: false,    //是否显示帮助信息控件
            baseLayerPicker: false,         //是否显示图层选择控件
            homeButton: false,              //是否显示Home按钮
            fullscreenButton: false,        //是否显示全屏按钮    
            timeline:false,                 //时间轴控件 
            animation:false,                //动画控件 
        });

        //去cesium logo水印 或 css
        viewer.cesiumWidget.creditContainer.style.display = "none";//去cesium logo水印

        viewer.camera.flyTo({
            destination : new Cesium.Cartesian3.fromDegrees(117.224601,31.808241,4071.32),
            orientation :  {
                heading : Cesium.Math.toRadians(356.7),
                pitch : Cesium.Math.toRadians(-61),
                roll : 0.0
            }
        })

        // 亮度设置
        // var stages = viewer.scene.postProcessStages;
        // viewer.scene.brightness =  viewer.scene.brightness || stages.add(Cesium.PostProcessStageLibrary.createBrightnessStage());
        // viewer.scene.brightness.enabled = true;
        // viewer.scene.brightness.uniforms.brightness = Number(2);
       

    </script>
</body>
</html>

在这里插入图片描述