add map init plugin

src/components/map-template.vue

+<script>
+import register from '@/components/map/Register'
+// import { mapGetters } from 'vuex'
+// import { getDateString } from '@/assets/js/utils'
+// import AMapUtils from 'amap-utils'
+export default {
+  mixins: [register],
+
+
+  methods: {
+    // 组件入口 不需要写在create中
+    init () {
+
+    },
+    // 销毁组件调用.
+    destroy () {
+
+    }
+  }
+}
+</script>

src/components/map/AMap.vue

 <template>
   <div class="map" ref="map">
-    <slot></slot>
+    <slot v-if="isCreated"></slot>
   </div>
 </template>
 <script>
@@ -13,7 +13,7 @@ export default {
       default () {
         return {
           zoom: 8,//级别
-          viewMode: '2D'//使用3D视图
+          viewMode: '2D'
         }
       }
     }
@@ -21,7 +21,8 @@ export default {
   data () {
     let amap = {}
     return {
-      amap
+      amap,
+      isCreated: false
     }
   },
   provide () {
@@ -48,11 +49,20 @@ export default {
         ...this.opts
       })
       setTimeout(() => {
-        this.$emit('created')
+        this.isCreated = true
+        this.$emit('created', this.getMap())
       }, 1);
     },
     getMap () {
       return this.amap.$map || null
+    },
+    applyMethod (methodName, ...params) {
+      let map = this.getMap()
+      if (!map) {
+        console.warn('not ready')
+        return
+      }
+      return map[methodName](...params)
     }
   }
 }

src/components/map/Register.vue

+<script>
+// 高德地图注册事件(所有地图组件mixins)
+// 所有地图组件实现init 方法,初始化结束后会自动调用init
+// 组件销毁时会自动调用destroy方法,
+// 如果实例下绑定有$object(this.$object),会在地图中移除
+export default {
+  render () { return null },
+  inject: ['amap'],
+  created () {
+    let map = this.getMap()
+    typeof this.init === 'function' && this.init(map)
+  },
+  beforeDestroy () {
+    typeof this.destroy === 'function' && this.destroy()
+    this.destroyObject()
+  },
+  methods: {
+    // 通用方法 TODO
+    getObject () {
+      return this.$object || null
+    },
+    setObject (object) {
+      this.destroyObject()
+      this.$object = object
+    },
+    getMap () {
+      return this.amap.$map || null
+    },
+    destroyObject () {
+      if (this.$object) {
+        if (typeof this.$object === 'object') {
+          if (typeof this.$object.setMap === 'function') {
+            this.$object.setMap(null)
+          }
+          if (typeof this.$object.destroy === 'function') {
+            this.$object.destroy()
+          }
+          this.$object = null
+        } else {
+          console.warn('$object is not object')
+        }
+      }
+    }
+  }
+}
+</script>