地图

liuqimichale
1 parent ac775d76
Showing 2 changed files with 29 additions and 5 deletions
src/views/map/map.vue
src/views/map/search.vue
@@ -21,7 +21,7 @@
                :zoom="16">
  
  
-      <bm-label content="22" :position="{lng: 116.3666882, lat: 39.9283467}" :labelStyle="{color: '#fff', fontSize : '16px',background:'#f0f',borderRadius: '50%',padding:'3px'}" title="Hover me"/>
+      <bm-label  :content="labelContent" :position="{lng: position.longitude, lat: position.latitude}" :labelStyle="{color: '#FFF', fontSize : '16px',background:position.bgcolor,borderRadius: '50%',padding:'3px',borderColor:'#fff'}" title="Hover me"/>
  
     </baidu-map>
  
@@ -86,11 +86,18 @@ export default {
       popupVisible: false,
       n:10,
       setTimeoutTimer:'',
-      latitude:'',
-      longitude:'',
+      latitude:'39.91092455',
+      longitude:'116.41338370',
       name:'',
       idleberths:'',
-      julis:''
+      julis:'',
+      labelShow: false,
+      labelContent:'',
+      position:{
+        latitude:'39.91092455',
+        longitude:'116.41338370',
+        bgcolor: '#f00'
+      }
     }
   },
   methods: {
@@ -158,7 +165,24 @@ export default {
  
         this.latitude = datas.latitude
         this.longitude = datas.longitude
+        this.position.latitude = datas.latitude
+        this.position.longitude = datas.longitude
         this.idleberths = datas.idleberths
+        this.labelContent = datas.idleberths
+        if(datas.idleberths>10){
+          this.position.bgcolor = '#0f0'
+        }else if(datas.idleberths<=10&&datas.idleberths>0){
+          this.position.bgcolor = '#ff9e04'
+        }else if(datas.idleberths<=0){
+          this.position.bgcolor = '#f00'
+        }else{
+          this.position.bgcolor = '#0f0'
+        }
+
+
+
+
+
         this.julis = this.dis
       })
     },
@@ -82,7 +82,7 @@ export default {
     tzmap: function (i) {
       console.log(i)
       this.$router.push({
-        name:'map',
+        path:'map',
         query:{
           name: i.name,
           lng:i.longitude,