|
|
@@ -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 => {
|
