<xmp>
            <style>
                body, html { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
                #cesiumContainer { width: 100vw; height: 100vh; }
                .btnsBox{
                    position: fixed;
                    top: 10px;
                    left: 10px;
                    width: 70%;
                    height: 30px;
                }
                .btnsBox button{
                    background-color: #fff;
                    border-radius: 2px;
                    color: #333;
                    line-height: 30px;
                    margin-right: 15px;
                    font-size: 12px;
                    padding: 0 15px;
                    cursor: pointer;
                }
            </style>
            <div id="cesiumContainer"></div>
            <div class="btnsBox">
                <button onclick="getParams()">获取云层配置参数</button>
                <button onclick="UpParams()">更新云层配置参数</button>
                <button onclick="toToggle()">切换云层显示状态</button>
                <button onclick="toHide()">隐藏</button>
                <button onclick="toShow()">显示</button>
                <button onclick="toDestroy()">销毁</button>
            </div>
            <script>
                // 1. 初始化Cesium Viewer
                const view3D = MchCesium.init('cesiumContainer', true);
                const viewer = MchCesium.viewer;
                
                // 2. 方式1：极简调用（无GUI）【仅2行】
                const cloudEffect = GlobalCloudsEffect.create(viewer);
                cloudEffect.show(); // 启用云层

                // // 2. 方式2：带GUI的调用（仅3行）
                // const cloudEffect = GlobalCloudsEffect.create(viewer, { showGUI: true });
                // cloudEffect.show();

                // 可选：设置相机视角
                viewer.camera.setView({
                    destination: Cesium.Cartesian3.fromDegrees(116.20, 39.95, 1000.0),
                    orientation: { heading: 0, pitch: Cesium.Math.toRadians(-10), roll: 0 }
                });

                // 可选：页面卸载时销毁
                window.addEventListener('beforeunload', () => {
                    cloudEffect.destroy();
                });
                
                // 获取云层配置参数
                function getParams(){
                    var params = cloudEffect.getCloudParams();
                    console.log(params);
                }
                
                // 更新云层配置参数
                function UpParams(){
                    // 可选：自定义参数
                    cloudEffect.setCloudParams({
                        cloudCover: 0.1, // 云量
                        cloudColor: [235, 132, 132]
                    });
                }
                
                // 切换云层显示状态
                function toToggle(){
                    cloudEffect.toggle();
                }
                
                // 隐藏
                function toHide(){
                    cloudEffect.hide();
                }
                
                // 显示
                function toShow(){
                    cloudEffect.show();
                }
                
                // 销毁
                function toDestroy(){
                    cloudEffect.destroy();
                }
                
            </script>
        </xmp>