update：相机场景目录的新建

src/components/AsideMenuBar.vue

@@ -61,6 +61,17 @@
                     </el-menu-item>
                 </el-sub-menu>
 
+                <el-sub-menu index="14">
+                    <template #title>
+                        <el-icon><MapLocation /></el-icon>
+                        <span>相机</span>
+                    </template>
+                    <el-menu-item v-for="item in elementCamera" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                        <el-icon><View /></el-icon>
+                        <span>{{item.title}}</span>
+                    </el-menu-item>
+                </el-sub-menu>
+
                 <el-sub-menu index="15">
                     <template #title>
                         <el-icon><SemiSelect /></el-icon>
@@ -91,13 +102,14 @@
 <script setup>
 import { ref } from 'vue';
 import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue";
-import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
 
 const elementSpaceMissions = ref()
 const elementStation = ref()
 const elementMoving = ref()
 const elementGraphic = ref()
 const elementSceneSet = ref()
+const elementCamera = ref()
 const elementWeather = ref()
 const elementAlgorithm = ref()
 
@@ -106,6 +118,7 @@ elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
 elementGraphic.value = elementGraphicMap;
 elementSceneSet.value = elementSceneSetMap;
+elementCamera.value = elementCameraMap;
 elementWeather.value = elementWeatherMap;
 elementAlgorithm.value = elementAlgorithmMap;
 

src/views/ElementMap.js

@@ -142,6 +142,14 @@ export const elementSceneSetMap = {
     }
 }
 
+// 相机
+export const elementCameraMap = {
+    跟踪视角: {
+        title: '跟踪视角',
+        pngUrl: '/src/assets/Mapx.png'
+    }
+}
+
 // 天气
 export const elementWeatherMap = {
     雨: {

src/views/indexView.vue

@@ -46,6 +46,15 @@
             </div>
         </div>
         <div class="mt-10">
+            <span class="text-base font-bold">相机</span>
+            <div style="overflow-y: auto" class="container">
+                <div v-for="item in elementCamera" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                    <div :id="item.title">{{item.title}}</div>
+                    <img :src="item.pngUrl" width="250">
+                </div>
+            </div>
+        </div>
+        <div class="mt-10">
             <span class="text-base font-bold">天气</span>
             <div style="overflow-y: auto" class="container">
                 <div v-for="item in elementWeather" :key="item.id" @click="indexBtn(item.title)" class="item-container">
@@ -69,7 +78,7 @@
 <script setup>
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
 
 const router = useRouter()
 const elementSpaceMissions = ref()
@@ -77,6 +86,7 @@ const elementStation = ref()
 const elementMoving = ref()
 const elementGraphic = ref()
 const elementSceneSet = ref()
+const elementCamera = ref()
 const elementWeather = ref()
 const elementAlgorithm = ref()
 
@@ -85,6 +95,7 @@ elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
 elementGraphic.value = elementGraphicMap;
 elementSceneSet.value = elementSceneSetMap;
+elementCamera.value = elementCameraMap;
 elementWeather.value = elementWeatherMap;
 elementAlgorithm.value = elementAlgorithmMap;