Cesium学习(Mars3D) 基础配置项与功能

本文链接：https://blog.csdn.net/a1578460233/article/details/119423380

配置项记录

中文api文档–学会查阅文档

准备工作-引入文件 vue-cli目录 public/index.html

  <!--引入cesium基础lib-->
  <link href="http://mars3d.cn/lib/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" />
  <script src="http://mars3d.cn/lib/Cesium/Cesium.js" type="text/javascript"></script>

  <!--引入mars3d库lib-->
  <link href="http://mars3d.cn/lib/mars3d/mars3d.css" rel="stylesheet" type="text/css" />
  <script src="http://mars3d.cn/lib/mars3d/mars3d.js" type="text/javascript"></script>

  <!--引入mars3d库插件lib（按需引入）-->
  <script src="http://mars3d.cn/lib/mars3d/plugins/space/mars3d-space.js" type="text/javascript"></script>

  <script src="http://mars3d.cn/lib/mapV/mapv.min.js" type="text/javascript"></script>
  <script src="http://mars3d.cn/lib/mars3d/plugins/mapv/mars3d-mapv.js" type="text/javascript"></script>

初始化页面–准备好一个容器注意html,body高度清除默认样式

<div id="mars3dContainer" class="mars3d-container"></div>

创建三维地球场景的两种方法
1. 手动配置生成
2. 合并配置文件 ==> 放在最后

手动配置生成 ==>

scene 场景参数

center 默认视角

scene: {
	//默认视角
	center: {
            lat: 30.054604, //纬度值
            lng: 108.885436, //经度值
            alt: 17036414, //高度值
            heading: 0, //方向角度值，绕垂直于地心的轴旋转角度, 0-360
            pitch: -90, //俯仰角度值，绕纬度线旋转角度, 0-360
            roll: 0, //翻滚角度值，绕经度线旋转角度, 0-360
          },
        }

环境参数(多个)

		  showSun: true, //是否显示太阳
          showMoon: true, //是否显示月亮
          showSkyBox: true, //是否显示天空盒
          shadows: false, //是否启用日照阴影
          showSkyAtmosphere: false, //是否显示地球大气层外光圈
          fog: true, //是否启用雾化效果
          fxaa: true, //是否开启快速抗锯齿
          terrainExaggeration: 10, //地形夸张系数

地球相关参数

globe: {
            showGroundAtmosphere: false, //是否在地球上绘制的地面大气（