update：相机目录结构的调整

src/examples/CodeMap.js

@@ -39,6 +39,9 @@ import vueCodeEarthCoordinate from '@/examples/sceneSet/earthCoordinate/earthCoo
 import vueCodeSkyBox from '@/examples/sceneSet/skyBox/skyBox.vue?raw'
 import vueCodeMapx from '@/examples/sceneSet/mapx/mapx.vue?raw'
 
+// 相机
+import vueCodeCameraZoom from '@/examples/camera/cameraZoom/cameraZoom.vue?raw'
+
 // 天气
 import vueCodeRain from '@/examples/weather/rain/rain.vue?raw'
 import vueCodeSnow from '@/examples/weather/snow/snow.vue?raw'
@@ -54,7 +57,6 @@ const vueCodeMap = {
     月球轨道: vueCodeMoonTrack,
     绕太阳: vueCodeSunTrack,
 
-
     // 测站
     添加测站: vueCodeAddStation,
     测站坐标系: vueCodeStationCoordinate,
@@ -92,6 +94,9 @@ const vueCodeMap = {
     天空盒: vueCodeSkyBox,
     鹰眼图: vueCodeMapx,
 
+    // 相机
+    相机缩放: vueCodeCameraZoom,
+
     // 天气
     雨: vueCodeRain,
     雪: vueCodeSnow,

src/examples/FunctionMap.js

@@ -39,6 +39,9 @@ import functionCodeEarthCoordinate from '@/examples/sceneSet/earthCoordinate/ear
 import functionCodeSkyBox from '@/examples/sceneSet/skyBox/skyBox-function.js?raw'
 import functionCodeMapx from '@/examples/sceneSet/mapx/mapx-function.js?raw'
 
+// 相机
+import functionCodeCameraZoom from '@/examples/camera/cameraZoom/cameraZoom-function.js?raw'
+
 // 天气
 import functionCodeRain from '@/examples/weather/rain/rain-function.js?raw'
 import functionCodeSnow from '@/examples/weather/snow/snow-function.js?raw'
@@ -91,6 +94,9 @@ const functionCodeMap = {
     天空盒: functionCodeSkyBox,
     鹰眼图: functionCodeMapx,
 
+    // 相机
+    相机缩放: functionCodeCameraZoom,
+
     // 天气
     雨: functionCodeRain,
     雪: functionCodeSnow,

src/examples/camera/cameraZoom/cameraZoom-function.js

+export function addFog() {
+    const script = document.createElement('script');
+    script.src = 'https://cesium.com/downloads/cesiumjs/releases/1.99/Build/Cesium/Cesium.js';
+    script.onload = () => {
+        window.Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3Njg4ZWU5Yi1iZDhiLTRhYmUtOTRiYS04YjM5NmUwNjVmMDMiLCJpZCI6MjI3MzQ3LCJpYXQiOjE3MjA1MjA4Mjh9.E5XW4LnwgfVAaBC-znaYr61m4yK0-j2qEQhi9qwFFPE'
+
+        const viewer = new window.Cesium.Viewer('cesiumContainer', {
+            infoBox: false,
+        });
+
+        
+    };
+    document.head.appendChild(script);
+
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Widgets/widgets.css';
+    document.head.appendChild(link);
+}

src/examples/camera/cameraZoom/cameraZoom.vue

+<template>
+    <div id="cesiumContainer" class="cesium-container"></div>
+</template>
+<script setup>
+import { onMounted } from 'vue';
+import { addCameraZoom } from './function';
+onMounted(() => {
+    addCameraZoom()
+});
+</script>
+
+<style>
+.cesium-container {
+width: 100%;
+height: 100vh;
+}
+</style>
\ No newline at end of file

src/views/ElementMap.js

@@ -147,6 +147,10 @@ export const elementCameraMap = {
     跟踪视角: {
         title: '跟踪视角',
         pngUrl: '/src/assets/Mapx.png'
+    },
+    相机缩放: {
+        title: '相机缩放',
+        pngUrl: '/src/assets/Mapx.png'
     }
 }