vite+vue3.0+cesium ----02 cesium官方文档的查看方式与Viewer查看器的两个常用配置

在成功创建完成cesium的实体对象之后，我们就可以结合cesium的官方文档进行一些属性的操作

1.cesium官方文档的查看方式

关于天空盒的配置可以参考如下文章 https://blog.csdn.net/weixin_45782925/article/details/124573001

2.cesium中的查看器的三个常用属性配置

简单修改1.0中 App.vue文件为如下样式 增加viewer查看器的配置模块

<template>
  <div id="cesiumContainer"></div>
</template>

<script setup>
import * as Cesium from "cesium";
import { onMounted } from "vue";
onMounted(() => {
  // 配置cesium中查看器的相关属性
  let custom = new Cesium.ArcGisMapServerImageryProvider({  //配置你自定义的球皮的地址
    url: "//servicse.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",
  });
  let viewer = new Cesium.Viewer("cesiumContainer", {   //cesium的查看器的基本属性
    baseLayerPicker: false, //配置图层底图的图标
    // imageryProvider:custom  ,//使用上面自己配置的底图
    terrainProvider: Cesium.createWorldTerrain({//设置cesium的世界地形
      requestVertexNormals: true, //地形的开启
      requestWaterMask: true, //水面效果的开启
    }),
  });
});
</script>

<style scoped>
#cesiumContainer {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  position: absolute;
}
</style>

Cesium.createWorldTerrain 中水光与地形特效开启后的效果