diff --git a/device-manager-ui/admin/src/components/MapDetail.vue b/device-manager-ui/admin/src/components/MapDetail.vue
index 2d70d35c59369ec82277b1dfdfb27f72a57c5c6c..22b5900afd0aa550cfbcdabd82a7c9c40f5ea03b 100644
--- a/device-manager-ui/admin/src/components/MapDetail.vue
+++ b/device-manager-ui/admin/src/components/MapDetail.vue
@@ -157,7 +157,12 @@ export default {
     contentRender(h, params) {
       //console.log(params.extData.extData.productId)
       let value = params.extData.extData.productName;
-      return <img src={require(`../assets/images/${value}.png`)} />;
+      try {
+        require(`../assets/images/${value}.png`);
+        return <img src={require(`../assets/images/${value}.png`)} />;
+      } catch (error) {
+        return <img src={require(`../assets/images/dn.png`)} />;
+      }
     },
     getDeviceDetial() {
       //获取设备列表
@@ -165,15 +170,19 @@ export default {
     refresh(data) {
       // this.markersGroupData = data;
       //this.$refs.map.clear();
-      let map = this.amapManager.getMap();
-      map.clearMap();
+      this.$nextTick(() => {
+        let map = this.amapManager.getMap();
+        if (map) {
+          map.clearMap();
+        }
 
-      for (let group of data) {
-        for (let item of group.deviceList) {
-          //console.log("marker", item);
-          this.setMarker(item);
+        for (let group of data) {
+          for (let item of group.deviceList) {
+            //console.log("marker", item);
+            this.setMarker(item);
+          }
         }
-      }
+      });
     },
 
     relocate(center) {
@@ -328,6 +337,3 @@ export default {
   }
 }
 </style>
-
-
-