|  |  | 
 |  |  |     var sensorInfo = params["sensorInfo"]; | 
 |  |  |     //var map = new BMap.Map("mapCanvas", defaultParam); | 
 |  |  |     var map = new BMap.Map("mapCanvas", {enableMapClick: false}); | 
 |  |  |     map.setCurrentCity("昆山"); | 
 |  |  |     map.setMapStyle(mapStyle); | 
 |  |  |     map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 | 
 |  |  |     var navigation = new BMap.NavigationControl({ | 
 |  |  |         anchor: BMAP_ANCHOR_BOTTOM_RIGHT, | 
 |  |  |         type: BMAP_NAVIGATION_CONTROL_LARGE | 
 |  |  |     }); | 
 |  |  |     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("查不到相关数据"); | 
 |  |  |     } | 
 |  |  |     var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据 | 
 |  |  |     var winfowText; | 
 |  |  |     var coincidentPoints = new Array(); | 
 |  |  |     if (sensorInfo.length > 0) { | 
 |  |  |         $.each(sensorInfo, function (item, value) { | 
 |  |  |             trackPoints.push(new BMap.Point(value.e76, value.e77)); | 
 |  |  |             trackPoints.push(new BMap.Point(value.经度, value.纬度)); | 
 |  |  |         }) | 
 |  |  |         for (var i = 0; i < trackPoints.length; i++) { | 
 |  |  |             var startPoint = trackPoints[i]; | 
 |  |  |             var endPoint = trackPoints[i + 1]; | 
 |  |  |             var marker; | 
 |  |  |             var distance = parseInt(map.getDistance(startPoint, endPoint)); | 
 |  |  |             map.addOverlay(polyline);// 画两点间线 | 
 |  |  |             var distance = parseInt(map.getDistance(startPoint, endPoint)).toFixed(5); | 
 |  |  |             var arrowLength;//两点间箭头长度 | 
 |  |  |             if (distance <= 5) { | 
 |  |  |                 arrowLength = 0; | 
 |  |  |             } else if (distance > 5 && distance <= 10) { | 
 |  |  |                 arrowLength = 2; | 
 |  |  |             } else { | 
 |  |  |             } else if (distance <= 100) { | 
 |  |  |                 arrowLength = 5; | 
 |  |  |             } else if (distance > 100 && distance <= 200) { | 
 |  |  |                 arrowLength = 10; | 
 |  |  |             } else if (distance > 200 && distance <= 500) { | 
 |  |  |                 arrowLength = 20; | 
 |  |  |             } else if (distance > 500 && distance <= 1000) { | 
 |  |  |                 arrowLength = 40; | 
 |  |  |             } else if (distance > 1000 && distance <= 2000) { | 
 |  |  |                 arrowLength = 80; | 
 |  |  |             } else if (distance > 2000 && distance <= 3000) { | 
 |  |  |                 arrowLength = 120; | 
 |  |  |             } else if (distance > 3000 && distance <= 10000) { | 
 |  |  |                 arrowLength = 500; | 
 |  |  |             } else if (distance > 10000 && distance <= 20000) { | 
 |  |  |                 arrowLength = 1000; | 
 |  |  |             } else if (distance > 20000 && distance <= 50000) { | 
 |  |  |                 arrowLength = 2500; | 
 |  |  |             } else if (distance > 50000 && distance <= 100000) { | 
 |  |  |                 arrowLength = 5000; | 
 |  |  |             } else if (distance > 100000 && distance <= 200000) { | 
 |  |  |                 arrowLength = 10000; | 
 |  |  |             } else if (distance > 200000 && distance <= 500000) { | 
 |  |  |                 arrowLength = 25000; | 
 |  |  |             } else if (distance > 500000 && distance <= 1000000) { | 
 |  |  |                 arrowLength = 50000; | 
 |  |  |             } else if (distance > 1000000 && distance <= 2000000) { | 
 |  |  |                 arrowLength = 100000; | 
 |  |  |             } else { | 
 |  |  |                 arrowLength = 150000; | 
 |  |  |             } | 
 |  |  |             if (coincidentPoints.indexOf(i) > -1) { | 
 |  |  |                 var polyline = new BMap.Polyline([ | 
 |  |  |                         trackPoints[i], | 
 |  |  |                         trackPoints[i + 1] | 
 |  |  |                     ], | 
 |  |  |                     {strokeColor: "green", strokeWeight: 2, strokeOpacity: 1} | 
 |  |  |                 ); | 
 |  |  |                 distance = parseInt(map.getDistance(trackPoints[i], trackPoints[i + 1])); | 
 |  |  |             var polyline = new BMap.Polyline([ | 
 |  |  |                     startPoint, | 
 |  |  |                     endPoint | 
 |  |  |                 ], | 
 |  |  |                 {strokeColor: "green", strokeWeight: 2, strokeOpacity: 1} | 
 |  |  |             ); | 
 |  |  |             if (i < trackPoints.length - 1) { | 
 |  |  |                 map.addOverlay(polyline);// 画两点间线 | 
 |  |  |                 if (distance <= 5) { | 
 |  |  |                     arrowLength = 0; | 
 |  |  |                 } else if (distance > 5 && distance <= 10) { | 
 |  |  |                     arrowLength = 2; | 
 |  |  |                 } else { | 
 |  |  |                     arrowLength = 5; | 
 |  |  |                 if (i == 0) { | 
 |  |  |                     map.centerAndZoom(startPoint, 17); | 
 |  |  |                 } | 
 |  |  |                 addArrow(polyline, arrowLength, Math.PI / 7); | 
 |  |  |             } | 
 |  |  |             if (coincidentPoints.indexOf(i) > -1) { | 
 |  |  |                 //判断是否已经已经显示过该点的信息,避免重复。 | 
 |  |  |                 continue; | 
 |  |  |             } | 
 |  |  | 
 |  |  |             var startIcon = new BMap.Icon("/img/start.png", new BMap.Size(48, 48)); | 
 |  |  |             var endIcon = new BMap.Icon("/img/end.png", new BMap.Size(48, 48)); | 
 |  |  |             if (i == 0) { | 
 |  |  |                 map.centerAndZoom(startPoint, 17); | 
 |  |  |                 marker = new BMap.Marker(startPoint, {icon: startIcon, offset: new BMap.Size(0, -20)}); | 
 |  |  |             } | 
 |  |  |             if (i == trackPoints.length - 1) { | 
 |  |  | 
 |  |  |             if (i != 0 && i != trackPoints.length - 1) { | 
 |  |  |                 marker = new BMap.Marker(startPoint); | 
 |  |  |             } | 
 |  |  |             winfowText = "时间:" + sensorInfo[i].uavDate | 
 |  |  |                 + "</br> 经度:" + sensorInfo[i].e76 | 
 |  |  |                 + "</br> 纬度:" + sensorInfo[i].e77 | 
 |  |  |                 + "</br> 高度:" + sensorInfo[i].e78 | 
 |  |  |                 + "</br> 速度x:" + sensorInfo[i].e79 | 
 |  |  |                 + "</br> 速度y:" + sensorInfo[i].e80 | 
 |  |  |                 + "</br> 速度z:" + sensorInfo[i].e81; | 
 |  |  |             if (distance <= 1.9) { | 
 |  |  |                 winfowText = '<p id="' + i + '" onclick="openInfo(this)">' + "时间:" + sensorInfo[i].uavDate + "</p>"; | 
 |  |  |             } | 
 |  |  |             var count = 0; | 
 |  |  |             var winfowText = | 
 |  |  |                 '<div style="min-height:20px;overflow-y:auto;max-height:400px;" >'; | 
 |  |  |             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); | 
 |  |  |                     } | 
 |  |  |                     coincidentPoints.push(j); | 
 |  |  |                     count++; | 
 |  |  |                     winfowTextAdd = '<p id="' + j + '" onclick="openInfo(this)">' + "时间:" + sensorInfo[j].uavDate + "</p>"; | 
 |  |  |                     winfowTextAdd = '<p id="' + j + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "时间:" + sensorInfo[j].时间 + "</p>"; | 
 |  |  |                     winfowText += winfowTextAdd; | 
 |  |  |                     if (j == trackPoints.length - 1) { | 
 |  |  |                         marker = new BMap.Marker(trackPoints[j], {icon: endIcon, offset: new BMap.Size(0, -20)}); | 
 |  |  |                         map.setCurrentCity("昆山"); | 
 |  |  |                         map.setMapStyle(mapStyle); | 
 |  |  |                         map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 | 
 |  |  |                         var navigation = new BMap.NavigationControl({ | 
 |  |  |                             anchor: BMAP_ANCHOR_BOTTOM_RIGHT, | 
 |  |  |                             type: BMAP_NAVIGATION_CONTROL_LARGE | 
 |  |  |                         }); | 
 |  |  |                         map.maxZoom = 20; | 
 |  |  |                         map.addControl(navigation); | 
 |  |  |                         map.addControl(new BMap.ScaleControl()); | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             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>"; | 
 |  |  |             } else { | 
 |  |  |                 for (var prop in sensorInfo[i]) { | 
 |  |  |                     if (sensorInfo[i].hasOwnProperty(prop)) { | 
 |  |  |                         winfowText += (prop + ":" + sensorInfo[i][prop] + "</br>"); | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |                 winfowText += "</div>"; | 
 |  |  |             } | 
 |  |  |             (function (x) { | 
 |  |  |                 var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false}); | 
 |  |  |                 marker.addEventListener("click", function () { | 
 |  |  | 
 |  |  |             })(i); | 
 |  |  |  | 
 |  |  |             function openInfo(e) { | 
 |  |  |                 var point = new BMap.Point(sensorInfo[e.id].e76,sensorInfo[e.id].e77); | 
 |  |  |                 // 创建信息窗口对象 | 
 |  |  |                 var infoWindow1 = new BMap.InfoWindow("时间:" + sensorInfo[e.id].uavDate | 
 |  |  |                     + "</br> 经度:" + sensorInfo[e.id].e76 | 
 |  |  |                     + "</br> 纬度:" + sensorInfo[e.id].e77 | 
 |  |  |                     + "</br> 高度:" + sensorInfo[e.id].e78 | 
 |  |  |                     + "</br> 速度x:" + sensorInfo[e.id].e79 | 
 |  |  |                     + "</br> 速度y:" + sensorInfo[e.id].e80 | 
 |  |  |                     + "</br> 速度z:" + sensorInfo[e.id].e81, {enableMessage: false}); | 
 |  |  |                 var point = new BMap.Point(sensorInfo[e.id].经度, sensorInfo[e.id].纬度); | 
 |  |  |                 var winfowText1 = ""; | 
 |  |  |                 for (var prop in sensorInfo[e.id]) { | 
 |  |  |                     if (sensorInfo[e.id].hasOwnProperty(prop)) { | 
 |  |  |                         winfowText1 += (prop + ":" + sensorInfo[e.id][prop] + "</br>"); | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |                 var infoWindow1 = new BMap.InfoWindow(winfowText1, {enableMessage: false}); | 
 |  |  |                 //开启信息窗口 | 
 |  |  |                 map.openInfoWindow(infoWindow1, point); | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             function red(x) { | 
 |  |  |                 document.getElementById(x).style.color = "#FF1111"; | 
 |  |  |                 document.getElementById(x).style.cursor = "pointer"; | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             function black(x) { | 
 |  |  |                 document.getElementById(x).style.color = "#000000"; | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             if (count > 0) { | 
 |  |  | 
 |  |  |                 map.addOverlay(lab); | 
 |  |  |             } | 
 |  |  |             map.addOverlay(marker); | 
 |  |  |             var polyline = new BMap.Polyline([ | 
 |  |  |                     startPoint, | 
 |  |  |                     endPoint | 
 |  |  |                 ], | 
 |  |  |                 {strokeColor: "green", strokeWeight: 2, strokeOpacity: 1} | 
 |  |  |             ); | 
 |  |  |             if (i < trackPoints.length - 1) { | 
 |  |  |                 map.addOverlay(polyline);// 画两点间线 | 
 |  |  |                 addArrow(polyline, arrowLength, Math.PI / 7); | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     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("查不到相关数据"); | 
 |  |  |     } | 
 |  |  |     map.setCurrentCity("昆山"); | 
 |  |  |     map.setMapStyle(mapStyle); | 
 |  |  |     map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 | 
 |  |  |     var navigation = new BMap.NavigationControl({ | 
 |  |  |         anchor: BMAP_ANCHOR_BOTTOM_RIGHT, | 
 |  |  |         type: BMAP_NAVIGATION_CONTROL_LARGE | 
 |  |  |     }); | 
 |  |  |     map.addControl(navigation); | 
 |  |  |     map.addControl(new BMap.ScaleControl()); | 
 |  |  |  | 
 |  |  |     function addArrow(polyline, length, angleValue) { | 
 |  |  |         var linePoint = polyline.getPath();// 线的坐标串 |