渲染地图增加判断条件是否有元素再渲染加载

ui/packages/tools/AiMap.vue

@@ -53,6 +53,8 @@ export default {
         Loca: {version: '2.0.0'}
       }).then(AMap => {
         this.mapLib = AMap
+        this.$emit('update:lib', AMap)
+        if (this.$refs.amap) {
           this.amap = new AMap.Map(this.$refs.amap, {
             mapStyle,
             viewMode,
@@ -65,10 +67,11 @@ export default {
           this.amap.on('complete', () => {
             this.amap.setFitView();//视口自适应
           })
-        this.$emit('update:lib', AMap)
+
           this.$emit('update:map', this.amap)
           this.$emit("loaded")
           this.mapLoaded()
+        }
       })
     },
     getMapArea() {
@@ -216,7 +219,7 @@ export default {
     background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 40%, #000 100%);
   }
 
-  :deep( .marker ){
+  :deep( .marker ) {
     position: relative;
 
     & > img {
@@ -240,11 +243,11 @@ export default {
     }
   }
 
-  :deep( .amap-logo), :deep( .amap-copyright ){
+  :deep( .amap-logo), :deep( .amap-copyright ) {
     display: none !important;
   }
 
-  :deep( .amap-icon ){
+  :deep( .amap-icon ) {
     width: 40px !important;
     height: 40px !important;