延吉应急demo代码提交

src/api/components/supermap.js

@@ -6,4 +6,10 @@ export const iconList = {
     'sj-icon-map-rescueSupplies': require('@/assets/images/event_fire/rescueSupplies.png'),
     'sj-icon-map-rescueTeam': require('@/assets/images/event_fire/rescueTeam.png'),
     'sj-icon-map-camera': require('@/assets/images/event_fire/camera.png'),
+
+    'sj-icon-map-wind-speed': require('@/assets/images/event_fire/wind-speed.png'),//风速
+    'sj-icon-map-rainfall': require('@/assets/images/event_fire/rainfall.png'),//降雨量
+    'sj-icon-map-soil': require('@/assets/images/event_fire/soil.png'),//土壤
+    'sj-icon-map-water-flow-rate': require('@/assets/images/event_fire/water-flow-rate.png'),//水流速
+    'sj-icon-map-displacement': require('@/assets/images/event_fire/displacement.png')//位移
 }

src/components/Btmbutton.vue

@@ -48,7 +48,7 @@
 				  </div>
 			  </div>
 			  <div class="btn-right">
-				  <p>物联网<i class="iconfont yj-icon-wulianwang"></i></p>
+				  <p @click="cgq">物联网<i class="iconfont yj-icon-wulianwang"></i></p>
 				  <p>视联网<i class="iconfont yj-icon-shilianwang"></i></p>
 				  <p @click="info">电视墙<i class="iconfont yj-icon-dianshiqiang"></i></p>
 				  <div class="btm-cs">
@@ -539,6 +539,280 @@ export default {
             })
       }
     },
+    cgq(){
+      let pointList = [];
+      pointList.push({
+        name:"位移传感器",
+        contacts:"张洁玲",
+        phone:"13500805931",
+        longitude:129.405,
+        latitude:42.907,
+        type:"sj-icon-map-displacement",
+        bindPopupHtml:'<span>' +
+                      ' <div class="d-l-con">' +
+                      '   <div class="d-l-l-text">' +
+                      '     <h4>光源：25nW</h4>' +
+                      '   </div>' +
+                      ' </div>' +
+                      '</span>'+
+                      '<span>' +
+                      ' <div class="d-l-con">' +
+                      '   <div class="d-l-l-text">' +
+                      '     <h4>电压：30V</h4>' +
+                      '   </div>' +
+                      ' </div>' +
+                      '</span>',
+      });
+      pointList.push({
+        name:"土壤温湿度传感器",
+        contacts:"王建军",
+        phone:"13664407655",
+        longitude:129.405,
+        latitude:42.887,
+        type:"sj-icon-map-soil",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>钾含量：135mg/kg</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>导电率：75us/cm</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>氮含量：151mg/kg</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>ph值：9.6PH</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"风速传感器",
+        contacts:"蔡雨虹",
+        phone:"15754320117",
+        longitude:129.455,
+        latitude:42.934,
+        type:"sj-icon-map-wind-speed",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>风速：13m/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"降雨量传感器",
+        contacts:"吕国琴",
+        phone:"15044076332",
+        longitude:129.405,
+        latitude:42.928,
+        type:"sj-icon-map-rainfall",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>水量：0.5cm</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"水流速传感器",
+        contacts:"吴明月",
+        phone:"15044076332",
+        longitude:129.375,
+        latitude:42.934,
+        type:"sj-icon-map-water-flow-rate",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>瞬时流速：0m/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>瞬时流量：0m³/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"位移传感器",
+        contacts:"张洁玲",
+        phone:"13500805931",
+        longitude:129.505,
+        latitude:42.907,
+        type:"sj-icon-map-displacement",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>光源：25nW</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>电压：30V</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"土壤温湿度传感器",
+        contacts:"王建军",
+        phone:"13664407655",
+        longitude:129.505,
+        latitude:42.887,
+        type:"sj-icon-map-soil",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>钾含量：135mg/kg</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>导电率：75us/cm</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>氮含量：151mg/kg</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>ph值：9.6PH</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"风速传感器",
+        contacts:"蔡雨虹",
+        phone:"15754320117",
+        longitude:129.505,
+        latitude:42.934,
+        type:"sj-icon-map-wind-speed",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>风速：15m/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"降雨量传感器",
+        contacts:"吕国琴",
+        phone:"15044076332",
+        longitude:129.515,
+        latitude:42.928,
+        type:"sj-icon-map-rainfall",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>水量：0.5cm</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      pointList.push({
+        name:"水流速传感器",
+        contacts:"吴明月",
+        phone:"15044076332",
+        longitude:129.425,
+        latitude:42.954,
+        type:"sj-icon-map-water-flow-rate",
+        bindPopupHtml:'<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>瞬时流速：1m/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>'+
+            '<span>' +
+            ' <div class="d-l-con">' +
+            '   <div class="d-l-l-text">' +
+            '     <h4>瞬时流量：0.5m³/s</h4>' +
+            '   </div>' +
+            ' </div>' +
+            '</span>',
+      });
+      const markersList = []
+      for (let i = 0; i < pointList.length; i++) {
+        let markersMap = {
+          lng: 124.59,
+          lat: 43.02,
+          icon: 'marker',
+          bindPopupHtml: '',
+          click: '',
+          parameter: pointList[i],
+          keepBindPopup: false,
+          isAggregation: false
+        }
+        markersMap.icon = pointList[i].type;
+        markersMap.lng = pointList[i].longitude;
+        markersMap.lat = pointList[i].latitude;
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+            '<span>' +
+            '                  <div class="d-l-con">' +
+            '                  <div class="d-l-l-text">' +
+            '                  <h4>资源名称：' + pointList[i].name + '</h4>' +
+            '                </div>' +
+            '                </div>' +
+            '                </span>' +
+            '<span>' +
+            '                  <div class="d-l-con">' +
+            '                  <div class="d-l-l-text">' +
+            '                  <h4>经纬度：' + pointList[i].longitude +','+ pointList[i].latitude + '</h4>' +
+            '                </div>' +
+            '                </div>' +
+            '                </span>' +
+            '<span>' +
+            '                  <div class="d-l-con">' +
+            '                  <div class="d-l-l-text">' +
+            '                  <h4>联系人：' + (pointList[i].contacts  ? pointList[i].contacts : "")  + '</h4>' +
+            '                </div>' +
+            '                </div>' +
+            '                </span>' +
+            '<span>' +
+            '                  <div class="d-l-con">' +
+            '                  <div class="d-l-l-text">' +
+            '                  <h4>电话：' +  (pointList[i].phone ? pointList[i].phone : "") + '</h4>' +
+            '                </div>' +
+            '                </div>' +
+            '                </span>' +
+            pointList[i].bindPopupHtml +
+            '</div>'
+        markersList.push(markersMap)
+      }
+      setTimeout(() => {
+        this.$parent.$refs.supermap.setMarkersByType(markersList, "cgq");
+      }, 3000)
+    },
     info(){
       this.TVWallVisible = true;
       this.ws.detectConnectQt().then(res => {

src/components/supermap.vue

@@ -860,7 +860,7 @@ export default {
 
         let icon = new window.L.Icon({
           iconUrl: iconList[markersList[i].icon],
-          iconSize: [65, 58],
+          iconSize: [55, 50],
           iconAnchor: [24, 40],
           popupAnchor: [-3, -40],
           shadowSize: [41, 41]