| | |
| | | padding: 0; |
| | | list-style: none; |
| | | } |
| | | |
| | | #cpm { |
| | | width: 300px; |
| | | height: 100px; |
| | | position: absolute; |
| | | background-color: #ffffff; |
| | | display: none; |
| | | left: 50%; |
| | | top: 50%; |
| | | margin-left: -150px; |
| | | margin-top: -50px; |
| | | z-index: 11; |
| | | color: #000000; |
| | | border: 2px solid #FF7F50; |
| | | font-size: 28px; |
| | | line-height: 100px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .BMap_top { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_center { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_bubble_title { |
| | | color: white; |
| | | font-size: 13px; |
| | | font-weight: bold; |
| | | text-align: left; |
| | | padding: 5px 5px 0 5px; |
| | | background-color: #2DA0EB; |
| | | } |
| | | |
| | | .BMap_bubble_content { |
| | | background-color: white; |
| | | padding: 5px 5px 10px 5px; |
| | | } |
| | | |
| | | .BMap_pop img { |
| | | top: 45px !important; |
| | | } |
| | | |
| | | .BMap_pop div:nth-child(1) div { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_pop div:nth-child(3) { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_pop div:nth-child(5) { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_pop div:nth-child(7) { |
| | | display: none; |
| | | } |
| | | |
| | | .BMap_pop div:nth-child(9) { |
| | | top: 35px !important; |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | </style> |
| | | |
| | | <body> |
| | | <div class="main_body"> |
| | | <div id="cpm">查无飞行轨迹</div> |
| | | <div id="mapCanvas"></div> <!-- 百度地图 --> |
| | | <!-- 传sensorInfo,regionCode,regionName,monitorPoint,device--> |
| | | <div id="uavTrajectoryParams" style="display: none;"> |
| | |
| | | minZoom: 12, |
| | | maxZoom: 20 |
| | | };*/ |
| | | var GPS = { |
| | | PI: 3.14159265358979324, |
| | | x_pi: 3.14159265358979324 * 3000.0 / 180.0, |
| | | delta: function (lat, lon) { |
| | | var a = 6378245.0; // a: 卫星椭球坐标投影到平面地图坐标系的投影因子。 |
| | | var ee = 0.00669342162296594323; // ee: 椭球的偏心率。 |
| | | var dLat = this.transformLat(lon - 105.0, lat - 35.0); |
| | | var dLon = this.transformLon(lon - 105.0, lat - 35.0); |
| | | var radLat = lat / 180.0 * this.PI; |
| | | var magic = Math.sin(radLat); |
| | | magic = 1 - ee * magic * magic; |
| | | var sqrtMagic = Math.sqrt(magic); |
| | | dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * this.PI); |
| | | dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * this.PI); |
| | | return {'lat': dLat, 'lon': dLon}; |
| | | }, |
| | | |
| | | //WGS-84 to GCJ-02 |
| | | gcj_encrypt: function (wgsLat, wgsLon) { |
| | | if (this.outOfChina(wgsLat, wgsLon)) |
| | | return {'lat': wgsLat, 'lon': wgsLon}; |
| | | |
| | | var d = this.delta(wgsLat, wgsLon); |
| | | return {'lat': wgsLat + d.lat, 'lon': wgsLon + d.lon}; |
| | | }, |
| | | //GCJ-02 to WGS-84 |
| | | gcj_decrypt: function (gcjLat, gcjLon) { |
| | | if (this.outOfChina(gcjLat, gcjLon)) |
| | | return {'lat': gcjLat, 'lon': gcjLon}; |
| | | |
| | | var d = this.delta(gcjLat, gcjLon); |
| | | return {'lat': gcjLat - d.lat, 'lon': gcjLon - d.lon}; |
| | | }, |
| | | //GCJ-02 to WGS-84 exactly |
| | | gcj_decrypt_exact: function (gcjLat, gcjLon) { |
| | | var initDelta = 0.01; |
| | | var threshold = 0.000000001; |
| | | var dLat = initDelta, dLon = initDelta; |
| | | var mLat = gcjLat - dLat, mLon = gcjLon - dLon; |
| | | var pLat = gcjLat + dLat, pLon = gcjLon + dLon; |
| | | var wgsLat, wgsLon, i = 0; |
| | | while (1) { |
| | | wgsLat = (mLat + pLat) / 2; |
| | | wgsLon = (mLon + pLon) / 2; |
| | | var tmp = this.gcj_encrypt(wgsLat, wgsLon) |
| | | dLat = tmp.lat - gcjLat; |
| | | dLon = tmp.lon - gcjLon; |
| | | if ((Math.abs(dLat) < threshold) && (Math.abs(dLon) < threshold)) |
| | | break; |
| | | |
| | | if (dLat > 0) pLat = wgsLat; else mLat = wgsLat; |
| | | if (dLon > 0) pLon = wgsLon; else mLon = wgsLon; |
| | | |
| | | if (++i > 10000) break; |
| | | } |
| | | //console.log(i); |
| | | return {'lat': wgsLat, 'lon': wgsLon}; |
| | | }, |
| | | //GCJ-02 to BD-09 |
| | | bd_encrypt: function (gcjLat, gcjLon) { |
| | | var x = gcjLon, y = gcjLat; |
| | | var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.x_pi); |
| | | var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.x_pi); |
| | | bdLon = z * Math.cos(theta) + 0.0065; |
| | | bdLat = z * Math.sin(theta) + 0.006; |
| | | return {'lat': bdLat, 'lon': bdLon}; |
| | | }, |
| | | //BD-09 to GCJ-02 |
| | | bd_decrypt: function (bdLat, bdLon) { |
| | | var x = bdLon - 0.0065, y = bdLat - 0.006; |
| | | var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.x_pi); |
| | | var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * this.x_pi); |
| | | var gcjLon = z * Math.cos(theta); |
| | | var gcjLat = z * Math.sin(theta); |
| | | return {'lat': gcjLat, 'lon': gcjLon}; |
| | | }, |
| | | //WGS-84 to Web mercator |
| | | //mercatorLat -> y mercatorLon -> x |
| | | mercator_encrypt: function (wgsLat, wgsLon) { |
| | | var x = wgsLon * 20037508.34 / 180.; |
| | | var y = Math.log(Math.tan((90. + wgsLat) * this.PI / 360.)) / (this.PI / 180.); |
| | | y = y * 20037508.34 / 180.; |
| | | return {'lat': y, 'lon': x}; |
| | | }, |
| | | // Web mercator to WGS-84 |
| | | // mercatorLat -> y mercatorLon -> x |
| | | mercator_decrypt: function (mercatorLat, mercatorLon) { |
| | | var x = mercatorLon / 20037508.34 * 180.; |
| | | var y = mercatorLat / 20037508.34 * 180.; |
| | | y = 180 / this.PI * (2 * Math.atan(Math.exp(y * this.PI / 180.)) - this.PI / 2); |
| | | return {'lat': y, 'lon': x}; |
| | | }, |
| | | // two point's distance |
| | | distance: function (latA, lonA, latB, lonB) { |
| | | var earthR = 6371000.; |
| | | var x = Math.cos(latA * this.PI / 180.) * Math.cos(latB * this.PI / 180.) * Math.cos((lonA - lonB) * this.PI / 180); |
| | | var y = Math.sin(latA * this.PI / 180.) * Math.sin(latB * this.PI / 180.); |
| | | var s = x + y; |
| | | if (s > 1) s = 1; |
| | | if (s < -1) s = -1; |
| | | var alpha = Math.acos(s); |
| | | var distance = alpha * earthR; |
| | | return distance; |
| | | }, |
| | | outOfChina: function (lat, lon) { |
| | | if (lon < 72.004 || lon > 137.8347) |
| | | return true; |
| | | if (lat < 0.8293 || lat > 55.8271) |
| | | return true; |
| | | return false; |
| | | }, |
| | | transformLat: function (x, y) { |
| | | var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x)); |
| | | ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0; |
| | | ret += (20.0 * Math.sin(y * this.PI) + 40.0 * Math.sin(y / 3.0 * this.PI)) * 2.0 / 3.0; |
| | | ret += (160.0 * Math.sin(y / 12.0 * this.PI) + 320 * Math.sin(y * this.PI / 30.0)) * 2.0 / 3.0; |
| | | return ret; |
| | | }, |
| | | transformLon: function (x, y) { |
| | | var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x)); |
| | | ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0; |
| | | ret += (20.0 * Math.sin(x * this.PI) + 40.0 * Math.sin(x / 3.0 * this.PI)) * 2.0 / 3.0; |
| | | ret += (150.0 * Math.sin(x / 12.0 * this.PI) + 300.0 * Math.sin(x / 30.0 * this.PI)) * 2.0 / 3.0; |
| | | return ret; |
| | | } |
| | | }; |
| | | |
| | | var mapStyle = { |
| | | features: ["road", "building", "water", "land"], // 隐藏地图上的poi |
| | | style: "normal" // 设置地图风格为高端黑 |
| | | }; |
| | | var params = $.parseJSON($("#uavTrajectoryParams").html()); |
| | | moralMap['params'] = params; |
| | | var sensorInfo = params["sensorInfo"]; |
| | | var sensorInfoMin = params["sensorInfoMin"]; |
| | | var sensorInfoMax = params["sensorInfoMax"]; |
| | | //var map = new BMap.Map("mapCanvas", defaultParam); |
| | | var map = new BMap.Map("mapCanvas", {enableMapClick: false}); |
| | | map.setCurrentCity("昆山"); |
| | |
| | | }); |
| | | map.addControl(navigation); |
| | | map.addControl(new BMap.ScaleControl()); |
| | | var longitude; |
| | | var latitude; |
| | | var point; |
| | | if (sensorInfo.length == 0) { |
| | | longitude = 120.987287; |
| | | latitude = 31.391562; |
| | | point = new BMap.Point(longitude, latitude); |
| | | map.centerAndZoom(point, 17); |
| | | alert("查不到相关数据"); |
| | | showNoFlightTrajectory(); |
| | | } |
| | | var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据 |
| | | var coincidentPoints = new Array(); |
| | | var flyingParameters = ['经度', '纬度', '高度', '速度x', '速度y', '速度z']; |
| | | var monitorParameters = ['PM2.5', 'PM10', '一氧化碳', '二氧化硫', '二氧化氮', '臭氧', 'VOCs总量', '气压', '温度', '湿度', '核辐射']; |
| | | if (sensorInfo.length > 0) { |
| | | $.each(sensorInfo, function (item, value) { |
| | | trackPoints.push(new BMap.Point(value.经度.substr(0,value.经度.length-1), value.纬度.substr(0,value.纬度.length-1))); |
| | | if (typeof (value.经度) == "undefined") { |
| | | showNoFlightTrajectory(); |
| | | } else { |
| | | var lon = parseFloat(value.经度.substr(0, value.经度.length - 1)); |
| | | var lat = parseFloat(value.纬度.substr(0, value.纬度.length - 1)); |
| | | var lon1 = GPS.gcj_encrypt(lat, lon).lon; |
| | | var lat1 = GPS.gcj_encrypt(lat, lon).lat; |
| | | var lon2 = GPS.bd_encrypt(lat1, lon1).lon; |
| | | var lat2 = GPS.bd_encrypt(lat1, lon1).lat; |
| | | trackPoints.push(new BMap.Point(lon2, lat2)); |
| | | } |
| | | }) |
| | | for (var i = 0; i < trackPoints.length; i++) { |
| | | var flyingData = []; |
| | | var monitorData = []; |
| | | var flyingDataMin = []; |
| | | var monitorDataMin = []; |
| | | var flyingDataMax = []; |
| | | var monitorDataMax = []; |
| | | var list = new Array(); |
| | | var startPoint = trackPoints[i]; |
| | | var endPoint = trackPoints[i + 1]; |
| | | var marker; |
| | |
| | | var arrowLength;//两点间箭头长度 |
| | | if (distance <= 5) { |
| | | arrowLength = 0; |
| | | } else if (distance > 5 && distance <= 10) { |
| | | } else if (distance > 5 && distance <= 20) { |
| | | arrowLength = 2; |
| | | } else if (distance <= 100) { |
| | | } else if (distance > 20 && distance <= 50) { |
| | | arrowLength = 3; |
| | | } else if (distance > 50 && distance <= 100) { |
| | | arrowLength = 5; |
| | | } else if (distance > 100 && distance <= 200) { |
| | | arrowLength = 10; |
| | |
| | | startPoint, |
| | | endPoint |
| | | ], |
| | | {strokeColor: "#5298FF", strokeWeight: 5, strokeOpacity: 1} |
| | | {strokeColor: "#5298FF", strokeWeight: 4, strokeOpacity: 1} |
| | | ); |
| | | if (i < trackPoints.length - 1 && trackPoints.length > 1) { |
| | | map.addOverlay(polyline);// 画两点间线 |
| | |
| | | } |
| | | var count = 0; |
| | | var winfowText = |
| | | '<div style="min-height:20px;overflow-y:auto;max-height:400px;" >'; |
| | | '<div style="min-height:20px;overflow:auto;max-height:400px;" >'; |
| | | var opts = { |
| | | width: 420, |
| | | title: '<h4>时间:' + sensorInfo[i].时间 + '</h4>', // 信息窗口标题 |
| | | enableMessage: false, //设置允许信息窗发送短息 |
| | | } |
| | | |
| | | var optsCoincide = { |
| | | width: 220, |
| | | title: '<h4>重合点坐标信息</h4>', // 信息窗口标题 |
| | | enableMessage: false, //设置允许信息窗发送短息 |
| | | } |
| | | |
| | | for (var j = i + 1; j < trackPoints.length; j++) { |
| | | distance = map.getDistance(trackPoints[i], trackPoints[j]).toFixed(5); |
| | | if (distance <= 1.9) { |
| | | if (coincidentPoints.indexOf(i) == -1) { |
| | | coincidentPoints.push(i); |
| | | winfowText += '<p id="' + i + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "时间:" + sensorInfo[i].时间 + "</p>"; |
| | | } |
| | | coincidentPoints.push(j); |
| | | count++; |
| | |
| | | winfowText += winfowTextAdd; |
| | | } |
| | | } |
| | | |
| | | var monitorDataResult = monitorDataSort(sensorInfo[i], monitorData, monitorParameters); |
| | | var flyingDataResult = flyingDataSort(sensorInfo[i], flyingData, flyingParameters); |
| | | var monitorSensorsCount = -1; |
| | | var flyingSensorsCount = -1; |
| | | if (coincidentPoints.indexOf(i) > -1) { |
| | | winfowText = '<p id="' + i + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "时间:" + sensorInfo[i].时间 + "</p>" + winfowText + "</div>"; |
| | | winfowText = winfowText + "</div>"; |
| | | } else { |
| | | for (var prop in sensorInfo[i]) { |
| | | if (sensorInfo[i].hasOwnProperty(prop)) { |
| | | winfowText += (prop + ":" + sensorInfo[i][prop] + "</br>"); |
| | | winfowText += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>'; |
| | | for (var prop in monitorDataResult) { |
| | | if (monitorDataResult.hasOwnProperty(prop)) { |
| | | monitorSensorsCount++; |
| | | winfowText += ("<p style='height: 22px;line-height: 22px'>" + prop + ":" + monitorDataResult[prop] + '<input id="a' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="aa' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="b' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="bb' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>"); |
| | | } |
| | | } |
| | | winfowText += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>'; |
| | | for (var prop in flyingDataResult) { |
| | | if (flyingDataResult.hasOwnProperty(prop)) { |
| | | flyingSensorsCount++; |
| | | winfowText += ("<p style='height: 22px;line-height: 22px'>" + prop + ":" + flyingDataResult[prop] + '<input id="c' + i + flyingSensorsCount + '" class="' + i + '" type="button" value="最小值" onclick="showFlyingMinOrMax(this,sensorInfoMin,flyingDataMin,flyingParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="cc' + i + flyingSensorsCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="d' + i + flyingSensorsCount + '" class="' + i + '" type="button" value="最大值" onclick="showFlyingMinOrMax(this,sensorInfoMax,flyingDataMax,flyingParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="dd' + i + flyingSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>"); |
| | | } |
| | | } |
| | | winfowText += "</div>"; |
| | | } |
| | | |
| | | (function (x) { |
| | | var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false}); |
| | | if (coincidentPoints.indexOf(i) > -1) { |
| | | var infoWindow = new BMap.InfoWindow(winfowText, optsCoincide); |
| | | } else { |
| | | var infoWindow = new BMap.InfoWindow(winfowText, opts); |
| | | } |
| | | marker.addEventListener("click", function () { |
| | | this.openInfoWindow(infoWindow); |
| | | $(".BMap_pop img").css('margin-left', '-10px'); |
| | | for (var i = 0; i < list.length; i++) { |
| | | $("#" + list[i]).css('color', 'blue'); |
| | | } |
| | | }); |
| | | })(i); |
| | | |
| | | function openInfo(e) { |
| | | var point = new BMap.Point(sensorInfo[e.id].经度.substr(0,sensorInfo[e.id].经度.length-1), sensorInfo[e.id].纬度.substr(0,sensorInfo[e.id].纬度.length-1)); |
| | | var winfowText1 = ""; |
| | | for (var prop in sensorInfo[e.id]) { |
| | | if (sensorInfo[e.id].hasOwnProperty(prop)) { |
| | | winfowText1 += (prop + ":" + sensorInfo[e.id][prop] + "</br>"); |
| | | if (list.indexOf(e.id) == -1) { |
| | | list.push(e.id); |
| | | } |
| | | var lona = parseFloat(sensorInfo[e.id].经度.substr(0, sensorInfo[e.id].经度.length - 1)); |
| | | var lata = parseFloat(sensorInfo[e.id].纬度.substr(0, sensorInfo[e.id].纬度.length - 1)); |
| | | var lona1 = GPS.gcj_encrypt(lata, lona).lon; |
| | | var lata1 = GPS.gcj_encrypt(lata, lona).lat; |
| | | var lona2 = GPS.bd_encrypt(lata1, lona1).lon; |
| | | var lata2 = GPS.bd_encrypt(lata1, lata1).lat; |
| | | var point = new BMap.Point(lona2, lata2); |
| | | var monitorDataCoincide = monitorDataSort(sensorInfo[e.id], monitorData, monitorParameters); |
| | | var flyingDataCoincide = flyingDataSort(sensorInfo[e.id], flyingData, flyingParameters); |
| | | var winfowText1 = |
| | | '<div style="min-height:20px;overflow:auto;max-height:400px;" >'; |
| | | winfowText1 += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>'; |
| | | var monitorSensorsCoincideCount = -1; |
| | | var flyingSensorsCoincideCount = -1; |
| | | for (var prop in monitorDataCoincide) { |
| | | if (monitorDataCoincide.hasOwnProperty(prop)) { |
| | | monitorSensorsCoincideCount++; |
| | | winfowText1 += ("<p style='height: 22px;line-height: 22px'>" + prop + ":" + monitorDataCoincide[prop] + '<input id="e' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white "/><span id="ee' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="f' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="ff' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>"); |
| | | } |
| | | } |
| | | var infoWindow1 = new BMap.InfoWindow(winfowText1, {enableMessage: false}); |
| | | winfowText1 += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>'; |
| | | for (var prop in flyingDataCoincide) { |
| | | if (flyingDataCoincide.hasOwnProperty(prop)) { |
| | | flyingSensorsCoincideCount++; |
| | | winfowText1 += ("<p style='height: 22px;line-height: 22px'>" + prop + ":" + flyingDataCoincide[prop] + '<input id="g' + e.id + flyingSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最小值" onclick="showFlyingMinOrMax(this,sensorInfoMin,flyingDataMin,flyingParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white "/><span id="gg' + e.id + flyingSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="h' + e.id + flyingSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最大值" onclick="showFlyingMinOrMax(this,sensorInfoMax,flyingDataMax,flyingParameters)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="hh' + e.id + flyingSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>"); |
| | | } |
| | | } |
| | | winfowText1 += "</div>"; |
| | | var optsCoincideChild = { |
| | | width: 420, |
| | | title: '<h4>时间:' + sensorInfo[e.id].时间 + '</h4>', // 信息窗口标题 |
| | | enableMessage: false, //设置允许信息窗发送短息 |
| | | } |
| | | var infoWindow1 = new BMap.InfoWindow(winfowText1, optsCoincideChild); |
| | | //开启信息窗口 |
| | | map.openInfoWindow(infoWindow1, point); |
| | | } |
| | |
| | | } |
| | | |
| | | function black(x) { |
| | | document.getElementById(x).style.color = "#000000"; |
| | | if (list.length > 0) { |
| | | if (list.indexOf(x) == -1) { |
| | | document.getElementById(x).style.color = "#000000"; |
| | | } else { |
| | | document.getElementById(x).style.color = "blue"; |
| | | } |
| | | } else { |
| | | document.getElementById(x).style.color = "#000000"; |
| | | } |
| | | } |
| | | |
| | | function openInfoWindow() { |
| | | map.openInfoWindow.apply(map, arguments); //开启信息窗口 |
| | | } |
| | | |
| | | function monitorDataSort(sensorMap, monitorData, monitorParameters) { |
| | | for (var j = 0; j < monitorParameters.length; j++) { |
| | | $.map(sensorMap, function (value, key) { |
| | | if (monitorParameters[j] == key) { |
| | | monitorData[key] = sensorMap[key]; |
| | | } |
| | | }); |
| | | } |
| | | return monitorData; |
| | | } |
| | | |
| | | function flyingDataSort(sensorMap, flyingData, flyingParameters) { |
| | | for (var k = 0; k < flyingParameters.length; k++) { |
| | | $.map(sensorMap, function (value, key) { |
| | | if (flyingParameters[k] == key) { |
| | | flyingData[key] = sensorMap[key]; |
| | | } |
| | | }); |
| | | } |
| | | return flyingData; |
| | | } |
| | | |
| | | function showMonitorMinOrMax(e, sensorInfoMinOrMax, monitorDataMinOrMax, monitorParameters) { |
| | | var i = $("#" + e.id).attr('class'); |
| | | var monitorDataResultMinOrMax = monitorDataSort(sensorInfoMinOrMax[i], monitorDataMinOrMax, monitorParameters); |
| | | $("#" + e.id).hide(); |
| | | $("#" + e.id.substr(0, 1) + e.id).html(monitorDataResultMinOrMax[monitorParameters[e.id.substr(1 + i.length, e.id.length)]]); |
| | | $("#" + e.id.substr(0, 1) + e.id).show(); |
| | | } |
| | | |
| | | function showFlyingMinOrMax(e, sensorInfoMinOrMax, flyingDataMinOrMax, flyingParameters) { |
| | | var i = $("#" + e.id).attr('class'); |
| | | var flyingDataResultMinOrMax = flyingDataSort(sensorInfoMinOrMax[i], flyingDataMinOrMax, flyingParameters); |
| | | $("#" + e.id).hide(); |
| | | $("#" + e.id.substr(0, 1) + e.id).html(flyingDataResultMinOrMax[flyingParameters[e.id.substr(1 + i.length, e.id.length)]]); |
| | | $("#" + e.id.substr(0, 1) + e.id).show(); |
| | | } |
| | | |
| | | function moveChangeColor(e) { |
| | | $("#" + e.id).css('backgroundColor', '#A49EF0'); |
| | | } |
| | | |
| | | function outChangeColor(e) { |
| | | $("#" + e.id).css('backgroundColor', '#7C73E9'); |
| | | } |
| | | |
| | | if (count > 0) { |
| | |
| | | lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-14, -9)}); |
| | | } else { |
| | | lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-18, -9)}); |
| | | } |
| | | lab.setStyle({ |
| | | color: "#fff", |
| | | fontSize: "16px", |
| | | backgroundColor: "1", |
| | | border: "0", |
| | | fontWeight: "bold" |
| | | }); |
| | | map.addOverlay(lab); |
| | | } |
| | | if (count == 0) { |
| | | if (i != 0 && i != trackPoints.length - 1) { |
| | | var lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-7, -22)}); |
| | | } else if (i == 0 || i == trackPoints.length - 1) { |
| | | var lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-6, -21)}); |
| | | } |
| | | lab.setStyle({ |
| | | color: "#fff", |
| | |
| | | var pointArrow1 = map.pixelToPoint(new BMap.Pixel(pixelX1, pixelY1)); |
| | | var pointMiddle = map.pixelToPoint(new BMap.Pixel(poMiddleX, poMiddleY)); |
| | | var Arrow = new BMap.Polyline([pointArrow, pointMiddle, pointArrow1], |
| | | {strokeColor: "#5298FF", strokeWeight: 5, strokeOpacity: 1}); |
| | | {strokeColor: "#5298FF", strokeWeight: 4, strokeOpacity: 1}); |
| | | map.addOverlay(Arrow); |
| | | } |
| | | }; |
| | | |
| | | function showNoFlightTrajectory() { |
| | | var longitude = 120.987287; |
| | | var latitude = 31.391562; |
| | | var point = new BMap.Point(longitude, latitude); |
| | | map.centerAndZoom(point, 17); |
| | | setTimeout(function () { |
| | | document.getElementById("cpm").style.display = 'block'; |
| | | }, 250); |
| | | }; |
| | | |
| | | </script> |