diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 717f94e..d9d63be 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -67,7 +67,6 @@ const getMenuTextColor = computed(() => {
 const activeMenu = computed(() => {
   const { meta, path } = route;
   const activeMenu = proxy.$cache.local.get("activeMenu");
-
   if (extractPrefix(path) && activeMenu) {
     return activeMenu;
   }
diff --git a/src/views/login.vue b/src/views/login.vue
index 6c33852..4f841c4 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -192,7 +192,7 @@ function getCookie() {
   };
 }
 
-getCode();
+// getCode();
 getCookie();
 </script>
 
diff --git a/src/views/visualization/components/index.js b/src/views/visualization/components/index.js
new file mode 100644
index 0000000..38debda
--- /dev/null
+++ b/src/views/visualization/components/index.js
@@ -0,0 +1,2 @@
+
+export { default as MapView } from './map.vue'
\ No newline at end of file
diff --git a/src/views/visualization/components/map.vue b/src/views/visualization/components/map.vue
new file mode 100644
index 0000000..ea93fd7
--- /dev/null
+++ b/src/views/visualization/components/map.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="marsMap-container">
+    <MarsMap
+      :url="configUrl"
+      :options="mapOptions"
+      map-key="test"
+      @onload="marsOnload"
+    />
+  </div>
+</template>
+
+<script setup>
+import MarsMap from "@/components/mars-work/mars-map.vue";
+import mapOptions from "../mapOptions";
+const configUrl = "lib/config/config.json";
+const marsOnload = (map) => {};
+</script>
+
+<style scoped>
+.marsMap-container {
+  height: 100%;
+}
+</style>
diff --git a/src/views/visualization/components/navigationBar.vue b/src/views/visualization/components/navigationBar.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/visualization/index.vue b/src/views/visualization/index.vue
index 9f0e902..240e452 100644
--- a/src/views/visualization/index.vue
+++ b/src/views/visualization/index.vue
@@ -1,22 +1,15 @@
 <template>
-    <MarsMap :url="configUrl" map-key="test" @onload="marsOnload" />
-  </template>
-  
-  <script setup lang="ts">
-
-
-  import MarsMap from '@/components/mars-work/mars-map.vue'
-
-  const configUrl = "lib/config/config.json";
-  
-
-  
-
-  const marsOnload = (map)=>{
-
-  }
-
-  </script>
-  
-  <style></style>
-  
\ No newline at end of file
+  <div class="visualization-container">
+    <MapView></MapView>
+  </div>
+</template>
+
+<script setup>
+import { MapView } from './components/index.js'
+</script>
+
+<style lang="scss">
+.visualization-container {
+  height: 100%;
+}
+</style>
diff --git a/src/views/visualization/mapOptions.js b/src/views/visualization/mapOptions.js
new file mode 100644
index 0000000..1f3a6b8
--- /dev/null
+++ b/src/views/visualization/mapOptions.js
@@ -0,0 +1,48 @@
+export default {
+  method: {
+    chinaCRS: mars3d.ChinaCRS.GCJ02, // 标识坐标系
+  },
+  scene:{
+    showSun:false,//太阳
+    showMoon:false,//月亮
+    showSkyAtmosphere:false,//大气层外光圈
+    fog:false,//雾化
+    fxaa:false,//快速抗锯齿
+    scene3DOnly: true,
+    requestRenderMode: true,
+  },
+  terrain:{
+    show:false,//地形
+  },
+  control:{
+    toolbar:false,
+    homeButton:false,
+    zoom:false,
+    distanceLegend:false,
+    sceneModePicker:false,
+    locationBar:false,
+    // contextmenu: { preventDefault: false, hasDefault: false },
+  },
+  mouse:{
+    enabledMoveTarget:false
+  },
+  basemaps: [
+    {
+      id: 2017,
+      pid: 10,
+      name: "蓝色底图",
+      icon: "//data.mars3d.cn/img/thumbnail/basemap/bd-c-midnight.png",
+      type: "gaode",
+      layer: "vec",
+      chinaCRS: "GCJ02",
+      invertColor: true,
+      filterColor: "#1D264D",
+      brightness: 0.6,
+      contrast: 1.8,
+      gamma: 0.3,
+      hue: 1,
+      saturation: 0,
+      show:true
+    },
+  ],
+};