diff --git a/nezha-fronted/src/components/common/latlngPicker.vue b/nezha-fronted/src/components/common/latlngPicker.vue
index c8df0b41d..749b6b5c1 100644
--- a/nezha-fronted/src/components/common/latlngPicker.vue
+++ b/nezha-fronted/src/components/common/latlngPicker.vue
@@ -42,23 +42,19 @@ export default {
       mapConfigVisible: false
     }
   },
-  created () {
-    if (this.initData) {
-      this.mapParam = JSON.parse(JSON.stringify(this.initData))
-    } else {
-      this.queryDefaultMapConfig()
-    }
-    this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
-  },
   watch: {
     initData: {
+      immediate: true,
       handler () {
+        console.log(this.initData)
         if (this.initData) {
           this.mapParam = JSON.parse(JSON.stringify(this.initData))
+          this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
         } else {
-          this.queryDefaultMapConfig()
+          this.queryDefaultMapConfig().then(() => {
+            this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
+          })
         }
-        this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
       }
     }
   },
@@ -152,10 +148,14 @@ export default {
       }
     },
     queryDefaultMapConfig: function () {
-      this.$get('/sysConfig?paramKey=map_center_config').then(response => {
-        if (response.code == 200) {
-          this.mapParam = JSON.parse(response.data.paramKey.map_center_config)
-        }
+      return new Promise(resolve => {
+        this.$get('/sysConfig?paramKey=map_center_config').then(response => {
+          if (response.code == 200) {
+            console.log(response)
+            this.mapParam = JSON.parse(response.data.paramKey.map_center_config)
+            resolve()
+          }
+        })
       })
     }
   }
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index f48394d00..eb5b0d657 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -34,7 +34,7 @@
               <!--</select-area>-->
             <!--</el-form-item>-->
             <el-form-item :label="$t('config.dc.lnglat')" prop="state">
-              <latlng-picker ref="latlngPicker" :append-to-body="false" :show-zoom="false"></latlng-picker>
+              <latlng-picker ref="latlngPicker" :append-to-body="false" :show-zoom="false" :init-data= ' editDc.latitude? {latitude:editDc.latitude,longitude:editDc.longitude} : "" '></latlng-picker>
             </el-form-item>
             <el-form-item :label='$t("config.dc.state")' prop="state">
               <el-switch