Przeglądaj źródła

地图页面增加在线地图切换按钮

zy 2 lat temu
rodzic
commit
a164f9b4b7

+ 26 - 2
neim-ui/src/views/largeScreenPage/Subpage/preProjectResources.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page preProjectResourcesPage">
     <div class="timeBox">{{ time }}</div>
+    <div class="kaiguanBox"><img src="../../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px" @click="pushZaiXian()"/></div>
     <div class="topTiltle">
       <span class="title">前期项目资源信息</span>
     </div>
@@ -71,6 +72,9 @@
     <div v-if="mapMark === 'mapBtuFive'">
       <bige-heat-sun-map  ref="childMethod" :mapValue="mapValue"/>
     </div>
+    <div v-if="mapMark === 'mapBtu'">
+      <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>
+    </div>
     <div class="bottomPushBtu" @click="pushStationResource()">
       <span>在运风光场站资源管理</span>
     </div>
@@ -136,11 +140,11 @@ import {projectInfo, getProjectSeat} from "@/api/biz/dataQuery/largeScreenPage";
 import bigeMap from "@/views/largeScreenPage/components/bigeMap";
 import bigeHeatMap from "@/views/largeScreenPage/components/bigeHeatMap";
 import bigeHeatSunMap from "@/views/largeScreenPage/components/bigeHeatSunMap";
-
+import zaiXianBigeMap from "@/views/largeScreenPage/components/zaiXianBigeMap";
 export default {
   name: "preProjectResources",
   components: {
-    bigeMap, bigeHeatMap,bigeHeatSunMap
+    bigeMap, bigeHeatMap,bigeHeatSunMap,zaiXianBigeMap
   },
   data() {
     return {
@@ -239,6 +243,20 @@ export default {
     pushStationResource() {
       this.$router.push({path: "/homepage/stationResources"})
     },
+    pushZaiXian(){
+      if(this.mapMark === 'mapBtuOne'){
+        let center = this.$refs.childMethod.center
+        let level = this.$refs.childMethod.level
+        this.mapValue = {
+          params: new Date(),
+          level: level === ''?null:level,//地图层级
+          center: center.length === 0?[]:[center.lat,center.lng],//中心坐标
+          allStationInfo: null,//场站坐标
+          projectInfo: this.projectSeat
+        }
+        this.mapMark = 'mapBtu'
+      }
+    },
     clickBtu(id) {
       console.log(this.$refs.childMethod)
       let center = this.$refs.childMethod.center
@@ -527,4 +545,10 @@ export default {
   line-height: 15px;
   cursor: pointer;
 }
+.kaiguanBox{
+  cursor: pointer;
+  position: absolute;
+  left: 22%;
+  top: .5%;
+}
 </style>

+ 27 - 3
neim-ui/src/views/largeScreenPage/Subpage/projectInfo.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page projectInfoPage">
     <div class="timeBox">{{ time }}</div>
+    <div class="kaiguanBox"><img src="../../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px" @click="pushZaiXian()"/></div>
     <div class="topTiltle">
       <span class="title">前期项目信息</span>
     </div>
@@ -79,6 +80,9 @@
     <div v-if="mapMark === 'mapBtuFive'">
       <bige-heat-sun-map  ref="childMethod" :mapValue="mapValue"/>
     </div>
+    <div v-if="mapMark === 'mapBtu'">
+      <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>
+    </div>
     <div class="bottomPushBtu" @click="pushPreProjectResource()">
       <span>前期项目资源信息</span>
     </div>
@@ -90,11 +94,11 @@ import {projectMapInfo,getPointMap} from "@/api/biz/dataQuery/largeScreenPage";
 import bigeMap from "@/views/largeScreenPage/components/bigeMap";
 import bigeHeatMap from "@/views/largeScreenPage/components/bigeHeatMap";
 import bigeHeatSunMap from "@/views/largeScreenPage/components/bigeHeatSunMap";
-
+import zaiXianBigeMap from "@/views/largeScreenPage/components/zaiXianBigeMap";
 export default {
   name: "projectInfo",
   components: {
-    bigeMap, bigeHeatMap,bigeHeatSunMap
+    bigeMap, bigeHeatMap,bigeHeatSunMap,zaiXianBigeMap
   },
   data() {
     return {
@@ -199,6 +203,21 @@ export default {
     pushPreProjectResource() {
       this.$router.push({path: "/homepage/preProjectResources"})
     },
+    pushZaiXian(){
+      if(this.mapMark === 'mapBtuOne'){
+        let center = this.$refs.childMethod.center
+        let level = this.$refs.childMethod.level
+        this.mapValue ={
+          params: new Date(),
+          level: level === ''?null:level,//地图层级
+          center: center.length === 0?[]:[center.lat,center.lng],//中心坐标
+          allStationInfo: null,//场站坐标
+          projectInfo: null,//项目坐标
+          allPointInfo:this.allPointInfo,//所有点位信息
+        }
+        this.mapMark = 'mapBtu'
+      }
+    },
     clickBtu(id) {
       let center = this.$refs.childMethod.center
       let level = this.$refs.childMethod.level
@@ -417,6 +436,11 @@ export default {
   margin-top: 1%;
   margin-right: 4%;
 }
-
+.kaiguanBox{
+  cursor: pointer;
+  position: absolute;
+  left: 22%;
+  top: .5%;
+}
 
 </style>

+ 25 - 3
neim-ui/src/views/largeScreenPage/Subpage/provincialEnergyStations.vue

@@ -2,6 +2,7 @@
   <div class="ppage">
     <div class="page provincialEnergyStationsPage">
       <div class="timeBox">{{ time }}</div>
+      <div class="kaiguanBox"><img src="../../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px" @click="pushZaiXian()"/></div>
       <div class="topTiltle">
         <span class="title">全省新能源场站概况</span>
       </div>
@@ -100,7 +101,9 @@
         <div v-if="mapMark === 'mapBtuFive'">
           <bige-heat-sun-map  ref="childMethod" :mapValue="mapValue"/>
         </div>
-
+        <div v-if="mapMark === 'mapBtu'">
+          <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>
+        </div>
 
       </div>
     </div>
@@ -112,11 +115,11 @@ import {getStationSeat, hauFuInfo} from "@/api/biz/dataQuery/largeScreenPage";
 import bigeMap from "@/views/largeScreenPage/components/bigeMap";
 import bigeHeatMap from "@/views/largeScreenPage/components/bigeHeatMap";
 import bigeHeatSunMap from "@/views/largeScreenPage/components/bigeHeatSunMap";
-
+import zaiXianBigeMap from "@/views/largeScreenPage/components/zaiXianBigeMap";
 export default {
   name: "provincialEnergyStations",
   components: {
-    bigeMap,bigeHeatMap,bigeHeatSunMap
+    bigeMap,bigeHeatMap,bigeHeatSunMap,zaiXianBigeMap
   },
   data() {
     return {
@@ -189,6 +192,19 @@ export default {
     pushStationResource() {
       this.$router.push({path: "/homepage/stationResources"})
     },
+    pushZaiXian(){
+      if(this.mapMark === 'mapBtuOne'){
+        let center = this.$refs.childMethod.center
+        let level = this.$refs.childMethod.level
+        this.mapValue = {
+          params:new Date(),
+          level: level === ''?null:level,//地图层级
+          center: center.length === 0?[]:[center.lat,center.lng],//中心坐标
+          allStationInfo: this.allStationSeat,//场站坐标
+        }
+        this.mapMark = 'mapBtu'
+      }
+    },
     clickBtu(id) {
       let center = this.$refs.childMethod.center
       let level = this.$refs.childMethod.level
@@ -415,4 +431,10 @@ export default {
   align-items: center;
   margin-left: 20%;
 }
+.kaiguanBox{
+  cursor: pointer;
+  position: absolute;
+  left: 22%;
+  top: .5%;
+}
 </style>

+ 27 - 3
neim-ui/src/views/largeScreenPage/Subpage/stationInfo.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page stationInfoPage">
     <div class="timeBox">{{ time }}</div>
+    <div class="kaiguanBox"><img src="../../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px" @click="pushZaiXian()"/></div>
     <div class="topTiltle">
       <span class="title">在运风光场站信息</span>
     </div>
@@ -76,6 +77,9 @@
     <div v-if="mapMark === 'mapBtuFive'">
       <bige-heat-sun-map ref="childMethod" :mapValue="mapValue"/>
     </div>
+    <div v-if="mapMark === 'mapBtu'">
+      <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>
+    </div>
     <div class="bottomPushBtu" @click="pushStationResource()">
       <span>在运风光场站资源管理</span>
     </div>
@@ -88,11 +92,11 @@ import {getPointMap, stationInfo} from "@/api/biz/dataQuery/largeScreenPage";
 import bigeMap from "@/views/largeScreenPage/components/bigeMap";
 import bigeHeatMap from "@/views/largeScreenPage/components/bigeHeatMap";
 import bigeHeatSunMap from "@/views/largeScreenPage/components/bigeHeatSunMap";
-
+import zaiXianBigeMap from "@/views/largeScreenPage/components/zaiXianBigeMap";
 export default {
   name: "stationInfo",
   components: {
-    bigeMap, bigeHeatMap,bigeHeatSunMap
+    bigeMap, bigeHeatMap,bigeHeatSunMap,zaiXianBigeMap
   },
   data() {
     return {
@@ -196,6 +200,21 @@ export default {
     pushStationResource() {
       this.$router.push({path: "/homepage/stationResources"})
     },
+    pushZaiXian(){
+      if(this.mapMark === 'mapBtuOne'){
+        let center = this.$refs.childMethod.center
+        let level = this.$refs.childMethod.level
+        this.mapValue ={
+          params: new Date(),
+          level: level === ''?null:level,//地图层级
+          center: center.length === 0?[]:[center.lat,center.lng],//中心坐标
+          allStationInfo: null,//场站坐标
+          projectInfo: null,//项目坐标
+          allPointInfo:this.allPointInfo,//所有点位信息
+        }
+        this.mapMark = 'mapBtu'
+      }
+    },
     clickBtu(id) {
       let center = this.$refs.childMethod.center
       let level = this.$refs.childMethod.level
@@ -453,7 +472,12 @@ export default {
   right: 0;
   bottom: 0;
 }
-
+.kaiguanBox{
+  cursor: pointer;
+  position: absolute;
+  left: 22%;
+  top: .5%;
+}
 .dialogInfoBg {
   background: url(../../../assets/largeScreenImg/zaiyunAndqianqi/dialogBg.png) 100% no-repeat;
   background-size: 100% 100%;

+ 27 - 3
neim-ui/src/views/largeScreenPage/Subpage/stationResources.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page stationResourcesPage">
     <div class="timeBox">{{ time }}</div>
+    <div class="kaiguanBox"><img src="../../../../public/largeScreenImg/kaiguan.png" style="width: 30px;height: 30px" @click="pushZaiXian()"/></div>
     <div class="topTiltle">
       <span class="title">在运风光场站资源信息管理</span>
     </div>
@@ -104,6 +105,9 @@
     <div v-if="mapMark === 'mapBtuFive'">
       <bige-heat-sun-map ref="childMethod" :mapValue="mapValue"/>
     </div>
+    <div v-if="mapMark === 'mapBtu'">
+      <zai-xian-bige-map ref="childMethod" :mapValue="mapValue"/>
+    </div>
     <div class="bottomPushBtu" @click="pushPreProjectResource()">
       <span>前期项目资源信息</span>
     </div>
@@ -139,11 +143,11 @@ import {stationTotalityInfo} from "@/api/biz/dataQuery/largeScreenPage";
 import bigeMap from "@/views/largeScreenPage/components/bigeMap";
 import bigeHeatMap from "@/views/largeScreenPage/components/bigeHeatMap";
 import bigeHeatSunMap from "@/views/largeScreenPage/components/bigeHeatSunMap";
-
+import zaiXianBigeMap from "@/views/largeScreenPage/components/zaiXianBigeMap";
 export default {
   name: "stationResources",
   components: {
-    bigeMap, bigeHeatMap,bigeHeatSunMap
+    bigeMap, bigeHeatMap,bigeHeatSunMap,zaiXianBigeMap
   },
   data() {
     return {
@@ -228,6 +232,21 @@ export default {
     back() {
       this.$router.push({path: "/homepage/provincialEnergyStations"})
     },
+    pushZaiXian(){
+      if(this.mapMark === 'mapBtuOne'){
+        let center = this.$refs.childMethod.center
+        let level = this.$refs.childMethod.level
+        this.mapValue = {
+          params: new Date(),
+          level: level === ''?null:level,//地图层级
+          center: center.length === 0?[]:[center.lat,center.lng],//中心坐标
+          allStationInfo: null,//场站坐标
+          projectInfo: null,
+          staionInfo:this.stationOptions
+        }
+        this.mapMark = 'mapBtu'
+      }
+    },
     pushPreProjectResource() {
       this.$router.push({path: "/homepage/preProjectResources"})
     },
@@ -514,5 +533,10 @@ export default {
   display: flex;
   align-items: center;
 }
-
+.kaiguanBox{
+  cursor: pointer;
+  position: absolute;
+  left: 22%;
+  top: .5%;
+}
 </style>

+ 75 - 69
neim-ui/src/views/largeScreenPage/components/zaiXianBigeMap.vue

@@ -134,23 +134,21 @@ export default {
           // this.setHeatMap(this.bMap);
           //绑定事件
           this.bindEvents(this.bMap);
-          if(this.mapData.level !== null){
-            _self.level = this.mapData.level
-            _self.center = this.mapData.center
-            this.bMap.setView(this.mapData.center,this.mapData.level)
-            // this.bMap.setZoom(this.mapData.level)
-            // this.bMap.panTo(this.mapData.center)
-          }
-
-
+          setTimeout(()=>{
+            if (this.mapData.center.length !== 0) {
+              _self.level = this.mapData.level
+              _self.center = this.mapData.center
+              this.bMap.setView(this.mapData.center, this.mapData.level)
+            }
+          },500)
         })
-        let sIconurl = 'http://'+_self.href.split("//")[1].split("/")[0]+'/largeScreenImg/station.png'
-        let hfSIconurl = 'http://'+_self.href.split("//")[1].split("/")[0]+'/largeScreenImg/huafuStation.png'
+        let sIconurl = 'http://' + _self.href.split("//")[1].split("/")[0] + '/largeScreenImg/station.png'
+        let hfSIconurl = 'http://' + _self.href.split("//")[1].split("/")[0] + '/largeScreenImg/huafuStation.png'
         let pIconurl = 'http://' + _self.href.split("//")[1].split("/")[0] + '/largeScreenImg/project.png'
         let fjIconurl = 'http://' + _self.href.split("//")[1].split("/")[0] + '/img/fengji.png'
 
         // 所有场站标记点位
-        if(this.mapData.allStationInfo !== null && this.mapData.allStationInfo !== undefined){
+        if (this.mapData.allStationInfo !== null && this.mapData.allStationInfo !== undefined) {
           let data = this.mapData.allStationInfo
           let station_icon = window.BM.icon({
             iconUrl: sIconurl,
@@ -162,29 +160,29 @@ export default {
             iconSize: [35, 55],
             iconAnchor: [35, 55]
           })
-          for(let item of data.otherStation){
-            let coordinate = [Number(item.latitude),Number(item.longitude)]
-            let marker = window.BM.marker(coordinate,{
+          for (let item of data.otherStation) {
+            let coordinate = [Number(item.latitude), Number(item.longitude)]
+            let marker = window.BM.marker(coordinate, {
               icon: station_icon,
               riseOnHover: true
             }).addTo(this.bMap);
             marker.on('mouseover', function (e) {
               marker.bindTooltip('<div>场站名称:' + item.stationName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
+                {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
             })
             marker.on('mouseout', function () {
               marker.bindTooltip().closeTooltip();
             })
           }
-          for(let item of data.HDStation){
-            let coordinate = [Number(item.latitude),Number(item.longitude)]
-            let marker = window.BM.marker(coordinate,{
+          for (let item of data.HDStation) {
+            let coordinate = [Number(item.latitude), Number(item.longitude)]
+            let marker = window.BM.marker(coordinate, {
               icon: hf_station_icon,
               riseOnHover: true
             }).addTo(this.bMap);
             marker.on('mouseover', function (e) {
               marker.bindTooltip('<div>场站名称:' + item.stationName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
+                {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
             })
             marker.on('mouseout', function () {
               marker.bindTooltip().closeTooltip();
@@ -201,26 +199,28 @@ export default {
             iconAnchor: [30, 50]
           })
           for (let item of data) {
-            let coordinate = [Number(item.latitude), Number(item.longitude)]
-            let marker = window.BM.marker(coordinate, {
-              icon: station_icon,
-              riseOnHover: true
-            }).addTo(this.bMap);
-            // 悬浮动作
-            marker.on('mouseover', function (e) {
-              marker.bindTooltip('<div>项目名称:' + item.projectNameEasy + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
-            })
-            marker.on('mouseout', function () {
-              marker.bindTooltip().closeTooltip();
-            })
-            // 点击动作
-            marker.on('click', function (e) {
-              let project = {id: item.id,projectSort: item.projectName}
-              sessionStorage.setItem("projectInfo", JSON.stringify(project))
-              _self.$store.dispatch('equipmentInfo/projectInfo', JSON.stringify(project))
-              _self.$router.push({path: "/homepage/projectInfo"})
-            })
+            if(item.latitude !== undefined){
+              let coordinate = [Number(item.latitude), Number(item.longitude)]
+              let marker = window.BM.marker(coordinate, {
+                icon: station_icon,
+                riseOnHover: true
+              }).addTo(this.bMap);
+              // 悬浮动作
+              marker.on('mouseover', function (e) {
+                marker.bindTooltip('<div>项目名称:' + item.projectNameEasy + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
+                  {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
+              })
+              marker.on('mouseout', function () {
+                marker.bindTooltip().closeTooltip();
+              })
+              // 点击动作
+              marker.on('click', function (e) {
+                let project = {id: item.id, projectSort: item.projectName}
+                sessionStorage.setItem("projectInfo", JSON.stringify(project))
+                _self.$store.dispatch('equipmentInfo/projectInfo', JSON.stringify(project))
+                _self.$router.push({path: "/homepage/projectInfo"})
+              })
+            }
           }
         }
         // 华富场站标记点位
@@ -230,7 +230,7 @@ export default {
             iconUrl: sIconurl,
             iconSize: [30, 50],
             iconAnchor: [30, 50],
-            className:'stationIcon',
+            className: 'stationIcon',
           })
           for (let item of data) {
             let coordinate = [Number(item.latitude), Number(item.longitude)]
@@ -241,16 +241,16 @@ export default {
             // 悬浮动作
             marker.on('mouseover', function (e) {
               marker.bindTooltip('<div>场站名称:' + item.stationName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
+                {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
             })
             marker.on('mouseout', function () {
               marker.bindTooltip().closeTooltip();
             })
             // 点击动作
             marker.on('click', function (e) {
-              let station = {id: item.id,stationName: item.stationName}
-              sessionStorage.setItem("stationInfo",JSON.stringify(station))
-              _self.$store.dispatch('equipmentInfo/stationInfo',JSON.stringify(station))
+              let station = {id: item.id, stationName: item.stationName}
+              sessionStorage.setItem("stationInfo", JSON.stringify(station))
+              _self.$store.dispatch('equipmentInfo/stationInfo', JSON.stringify(station))
               _self.$router.push({path: "/homepage/stationInfo"})
             })
           }
@@ -262,31 +262,37 @@ export default {
             iconUrl: pIconurl,
             iconSize: [35, 55],
             iconAnchor: [35, 55],
-            className:'stationIcon',
+            className: 'stationIcon',
           })
           let fj_icon = window.BM.icon({
             iconUrl: fjIconurl,
             iconSize: [30, 30],
             iconAnchor: [30, 30],
-            className:'stationIcon',
+            className: 'stationIcon',
           })
-          for(let item of data.fan){
-            let coordinate = [Number(item.latitudeFan),Number(item.longitudeFan)]
-            let marker = window.BM.marker(coordinate,{
+          for (let item of data.fan) {
+            let coordinate = [Number(item.latitudeFan), Number(item.longitudeFan)]
+            let marker = window.BM.marker(coordinate, {
               icon: fj_icon,
               riseOnHover: true
             }).addTo(this.bMap);
           }
-          for(let item of data.coordinatesList){
-            if(item.length>0){
-              let latlngs = []
-              for (let coor of item){
-                latlngs.push([Number(coor.latitude),Number(coor.longitude)])
-                window.BM.marker([Number(coor.latitude),Number(coor.longitude)]).addTo(this.bMap);
+          for(let coordinatesList of data.coordinatesList){
+            for(let item of coordinatesList){
+              if(item.length>0){
+                let latlngs = []
+                for (let coor of item){
+                  latlngs.push([Number(coor.latitude),Number(coor.longitude)])
+                  window.BM.marker([Number(coor.latitude),Number(coor.longitude)]).addTo(this.bMap);
+                }
+                // 拐点可以增加弹窗吗?
+                var polygon = BM.polygon(latlngs).addTo(this.bMap);
+                // polygon.on('mouseover',function (e){
+                //   polygon.bindTooltip('拐点坐标',{permanent:true});
+                // })
+                // 让地图适配当前的线段
+                this.bMap.fitBounds(polygon.getBounds());
               }
-              var polygon = BM.polygon(latlngs).addTo(this.bMap);
-              // 让地图适配当前的线段
-              this.bMap.fitBounds(polygon.getBounds());
             }
           }
           for (let item of data.towerList) {
@@ -298,12 +304,12 @@ export default {
             // 悬浮动作
             marker.on('mouseover', function (e) {
               // console.log(item)
-              if(item.type === 'project'){
-                marker.bindTooltip('<div>项目名称:' + item.projectName + '</div>'+ '<div>测风塔名称:' + item.towerName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                  {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
-              }else{
-                marker.bindTooltip('<div>场站名称:' + item.stationName + '</div>'+ '<div>测风塔名称:' + item.towerName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
-                  {permanent:true,className:'infoToolTip',offset:[0,-30]}).openTooltip();
+              if (item.type === 'project') {
+                marker.bindTooltip('<div>测风塔名称:' + item.towerName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
+                  {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
+              } else {
+                marker.bindTooltip('<div>测风塔名称:' + item.towerName + '</div>' + '<div>经度:' + item.longitude + '</div>' + '<div>纬度:' + item.latitude + '</div>',
+                  {permanent: true, className: 'infoToolTip', offset: [0, -30]}).openTooltip();
               }
 
             })
@@ -312,13 +318,13 @@ export default {
             })
             // 点击动作
             marker.on('click', function (e) {
-              if(item.type === 'project'){
-                let project = {projectId:item.projectId,equipmentNo:item.towerNo}
+              if (item.type === 'project') {
+                let project = {projectId: item.projectId, equipmentNo: item.towerNo}
                 sessionStorage.setItem("emailWindTowerInfo", JSON.stringify(project))
                 _self.$store.dispatch('equipmentInfo/emailWindTowerInfo', JSON.stringify(project))
                 _self.$router.push({path: "/homepage/emailResourcesInfo"})
-              }else {
-                let station = {stationId:item.stationId,equipmentNo:item.towerNo}
+              } else {
+                let station = {stationId: item.stationId, equipmentNo: item.towerNo}
                 sessionStorage.setItem("realWindTowerInfo", JSON.stringify(station))
                 _self.$store.dispatch('equipmentInfo/realWindTowerInfo', JSON.stringify(station))
                 _self.$router.push({path: "/homepage/realResourcesInfo"})