|  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     #cpm { | 
 |  |  |         width:300px; | 
 |  |  |         height:100px; | 
 |  |  |         width: 300px; | 
 |  |  |         height: 100px; | 
 |  |  |         position: absolute; | 
 |  |  |         background-color: #ffffff; | 
 |  |  |         display: none; | 
 |  |  |         left:50%; | 
 |  |  |         top:50%; | 
 |  |  |         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; | 
 |  |  |         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-left: 5px; | 
 |  |  |         padding-top: 5px; | 
 |  |  |         background-color: #2DA0EB; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .BMap_bubble_content { | 
 |  |  |         background-color: white; | 
 |  |  |         padding-left: 5px; | 
 |  |  |         padding-top: 5px; | 
 |  |  |         padding-bottom: 10px; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .BMap_pop img { | 
 |  |  |         top: 45px !important; | 
 |  |  |         left: 220px !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> | 
 |  |  | 
 |  |  |     }); | 
 |  |  |     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); | 
 |  |  |         document.getElementById("cpm").style.display='block'; | 
 |  |  |         showNoFlightTrajectory(); | 
 |  |  |     } | 
 |  |  |     var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据 | 
 |  |  |     var coincidentPoints = new Array(); | 
 |  |  |     if (sensorInfo.length > 0) { | 
 |  |  |         $.each(sensorInfo, function (item, value) { | 
 |  |  |             if(typeof(value.经度)=="undefined"){ | 
 |  |  |                 longitude = 120.987287; | 
 |  |  |                 latitude = 31.391562; | 
 |  |  |                 point = new BMap.Point(longitude, latitude); | 
 |  |  |                 map.centerAndZoom(point, 17); | 
 |  |  |                 document.getElementById("cpm").style.display='block'; | 
 |  |  |             }else{ | 
 |  |  |                 trackPoints.push(new BMap.Point(value.经度.substr(0,value.经度.length-1), value.纬度.substr(0,value.纬度.length-1))); | 
 |  |  |             if (typeof (value.经度) == "undefined") { | 
 |  |  |                 showNoFlightTrajectory(); | 
 |  |  |             } else { | 
 |  |  |                 trackPoints.push(new BMap.Point(value.经度.substr(0, value.经度.length - 1), value.纬度.substr(0, value.纬度.length - 1))); | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |         for (var i = 0; i < trackPoints.length; i++) { | 
 |  |  | 
 |  |  |             } | 
 |  |  |             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: 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) { | 
 |  |  | 
 |  |  |                 } | 
 |  |  |                 winfowText += "</div>"; | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             (function (x) { | 
 |  |  |                 var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false}); | 
 |  |  |                 var infoWindow = new BMap.InfoWindow(winfowText, opts); | 
 |  |  |                 marker.addEventListener("click", function () { | 
 |  |  |                     this.openInfoWindow(infoWindow); | 
 |  |  |                 }); | 
 |  |  |             })(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 = ""; | 
 |  |  |                 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 = | 
 |  |  |                     '<div style="min-height:20px;overflow:auto;max-height:400px;" >'; | 
 |  |  |                 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}); | 
 |  |  |                 winfowText1 += "</div>"; | 
 |  |  |                 var infoWindow1 = new BMap.InfoWindow(winfowText1, opts); | 
 |  |  |                 //开启信息窗口 | 
 |  |  |                 map.openInfoWindow(infoWindow1, point); | 
 |  |  |             } | 
 |  |  | 
 |  |  |         } | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     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> |