cesium 动态修改参数

通过ref可以动态调整

  alpha: 1.0,brightness: 1.0,contrast: 1.0,hue: 0.0,saturation: 1.0,gamma: 1.0

获得需要修改的影像，然后通过修改对象属性值修改

  var mLayer = viewer.imageryLayers.get(0)

<!-- 拖动滑块控制球体属性 -->
<template>
    <div class="PartOneBox">
        <div id="cesiumContainer"></div>
        <div style="position:absolute;z-index:1000"> 
            <button @click="Change">加</button>
        </div>
    </div>
</template>

<script setup lang='ts'>
import { ref, reactive,onMounted} from 'vue'
let viewer:any={}

const toumingdu=ref(0)

const Change=()=>
{
    toumingdu.value+=0.001
    var mLayer = viewer.imageryLayers.get(0)
    mLayer['alpha']=toumingdu.value
}

onMounted(()=>
{
        viewer = new Cesium.Viewer('cesiumContainer')
})
</script>

<style scoped lang='scss'>
.PartOneBox
{
    width:100%;
    height:100vh;
    position:relative;
    .cesiumContainer
    {
        width:100%;
        height:100vh;
    }
}

</style>