From 720b6a3b63393a8fefc1b4467512e1be8c78d2b5 Mon Sep 17 00:00:00 2001
From: xianfuxing <xianfuxing@126.com>
Date: Sun, 2 Sep 2018 14:33:59 +0800
Subject: [PATCH] =?UTF-8?q?#=20=E5=88=9D=E5=A7=8B=E5=8C=96=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/counter/map2.vue | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/views/counter/map2.vue b/src/views/counter/map2.vue
index 5eca96e..287958e 100644
--- a/src/views/counter/map2.vue
+++ b/src/views/counter/map2.vue
@@ -1,12 +1,13 @@
 <template>
   <div class="app-container">
-      <div id="map-container" tabindex="0"></div>
+      <div v-if="flag" id="map-container" tabindex="0"></div>
   </div>
 </template>
 
 <script>
 import AMap from 'AMap'
 import moment from 'moment'
+import { fetchDeviceList } from '@/api/counter'
 export default {
   name: 'map2',
   data() {
@@ -73,12 +74,6 @@ export default {
         resizeEnable: true,
         zoom: 10
       })
-      // 窗体信息
-      // const infoWindow = new AMap.InfoWindow({
-      //   isCustom: true,
-      //   content: this.createInfoWindow(title, content.join("<br/>")),
-      //   offset: new AMap.Pixel(16, -45)
-      // })
       // 标记点测试数据
       const markers = []
       this.defaultPositions.forEach((item, index) => {
@@ -155,10 +150,31 @@ export default {
     },
     closeInfoWindow() {
       this.map.clearInfoWindow()
+    },
+    getDevicesInitMap(params) {
+      fetchDeviceList(params).then(response => {
+        this.deviceList = response.data.results
+        this.coordinate = this.deviceList[0].coordinate
+        if (this.coordinate === null) {
+          this.coordinate = [113.203460828994, 22.64902452257]
+        }
+      })
+    }
+  },
+  created() {
+    this.mapClick = this.$store.getters.mapClick
+    if (!this.mapClick) {
+      this.flag = true
     }
   },
   mounted() {
-    this.initMap()
+    const device_id = this.$store.getters.deviceID
+    if (this.mapClick) {
+      this.getDevicesInitMap({ device_id })
+      this.flag = true
+    } else {
+      this.initMap()
+    }
   }
 }
 </script>