cesium关闭大气渲染

动态效果

要在Cesium中关闭大气渲染，你需要设置viewer.scene.skyAtmosphere的show属性为false。这将关闭Cesium中的大气效果，使得地球没有大气层的渲染效果。

以下是如何在你的Vue.js组件中实现关闭大气渲染的代码示例：

<script>
import * as Cesium from "cesium";

export default {
  data() {
    return {
      viewer: null,
    };
  },
  mounted() {
    this.viewer = new Cesium.Viewer(this.$refs.cesiumContainer);
    // 关闭大气渲染
    this.viewer.scene.skyAtmosphere.show = false;
  },
};
</script>

在上述代码中，mounted钩子函数在组件挂载到DOM后执行，这时候我们创建了Cesium的Viewer实例，并通过设置this.viewer.scene.skyAtmosphere.show为false来关闭大气渲染。这样，当Cesium场景加载完成后，用户将看不到大气层效果。

cesium版本

"cesium": "^1.114.0",

运行效果

cesium关闭大气渲染

实例代码下载

代码运行环境vue3 vite js nodejs 16