|  |  | 
 |  |  |             position: absolute; | 
 |  |  |             z-index: 1; | 
 |  |  |             width: 120px; | 
 |  |  |             /*height: 30px;*/ | 
 |  |  |             right: 100px; | 
 |  |  |             bottom: 5px; | 
 |  |  |             font-size: 18px; | 
 |  |  | 
 |  |  |         #form { | 
 |  |  |             position: absolute; | 
 |  |  |             z-index: 1; | 
 |  |  |             /* width: 300px; | 
 |  |  |              height: 50px;*/ | 
 |  |  |             right: 400px; | 
 |  |  |             bottom: 5px; | 
 |  |  |             font-size: 18px; | 
 |  |  | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |  | 
 |  |  | <div id="data" style="display: none"> | 
 |  |  | <div id="data" style="display:none"> | 
 |  |  |     <%--存放数据的表--%> | 
 |  |  |     <table id="tab" style="border:1px solid black;width: 280px"> | 
 |  |  |     </table> | 
 |  |  | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |                 var point = new BMap.Point(lon2, lat2); | 
 |  |  |                 var hashMap = new Map(); | 
 |  |  |                 hashMap.set("time", time); | 
 |  |  |                 hashMap.set("point", point); | 
 |  |  |                 hashMap.set("heigh", heigh); | 
 |  |  |                 hashMap.set("concentration", concentration); | 
 |  |  |                 var hashMap = {"time":time,"point":point,"heigh":heigh,"concentration":concentration}; | 
 |  |  |                 if (heigh > 0 && heigh <= 20) { | 
 |  |  |                     trackPointsOne.push(hashMap); | 
 |  |  |                 } else if (heigh >= 21 && heigh <= 40) { | 
 |  |  | 
 |  |  |     if (trackPoints.length == 0) { | 
 |  |  |         showNoDroppoint(); | 
 |  |  |     } | 
 |  |  |     $(function () { | 
 |  |  |         var points = getPoints(trackPoints); | 
 |  |  |         map.centerAndZoom(points, 17);// 根据经纬度显示地图的范围 | 
 |  |  |         map.setViewport(points);// 根据提供的地理区域或坐标设置地图视野 | 
 |  |  |         listen(trackPoints); | 
 |  |  |         $("#form").change(function () { | 
 |  |  |             map.clearOverlays(); | 
 |  |  |             var result = []; | 
 |  |  |             $('input:checkbox:checked').each(function () { | 
 |  |  |                 var val = $(this).val(); | 
 |  |  |                 if (val == "one") { | 
 |  |  |                     getResult(result,trackPointsOne); | 
 |  |  |                 } else if (val == "two") { | 
 |  |  |                     getResult(result,trackPointsTwo); | 
 |  |  |                 } else if (val == "three") { | 
 |  |  |                     getResult(result,trackPointsThree); | 
 |  |  |                 } else if (val == "four") { | 
 |  |  |                     getResult(result,trackPointsFour); | 
 |  |  |                 } else if (val == "five") { | 
 |  |  |                     getResult(result,trackPointsFive); | 
 |  |  |                 } | 
 |  |  |             }); | 
 |  |  |             var zoom = map.getZoom(); | 
 |  |  |             if (zoom > 17) { | 
 |  |  |                 addMarkers(result); | 
 |  |  |  | 
 |  |  |     var points = getPoints(trackPoints); | 
 |  |  |     map.centerAndZoom(points, 17);// 根据经纬度显示地图的范围 | 
 |  |  |     map.setViewport(points);// 根据提供的地理区域或坐标设置地图视野 | 
 |  |  |     listen(trackPoints); | 
 |  |  |     $("#form").change(function () { | 
 |  |  |         map.clearOverlays(); | 
 |  |  |         var result = []; | 
 |  |  |         $('input:checkbox:checked').each(function () { | 
 |  |  |             var val = $(this).val(); | 
 |  |  |             if (val == "one") { | 
 |  |  |                 getResult(result, trackPointsOne); | 
 |  |  |             } else if (val == "two") { | 
 |  |  |                 getResult(result, trackPointsTwo); | 
 |  |  |             } else if (val == "three") { | 
 |  |  |                 getResult(result, trackPointsThree); | 
 |  |  |             } else if (val == "four") { | 
 |  |  |                 getResult(result, trackPointsFour); | 
 |  |  |             } else if (val == "five") { | 
 |  |  |                 getResult(result, trackPointsFive); | 
 |  |  |             } | 
 |  |  |             addPolygon(getPoints(result)); | 
 |  |  |             listen(result); | 
 |  |  |         }); | 
 |  |  |         var zoom = map.getZoom(); | 
 |  |  |         if (zoom > 17) { | 
 |  |  |             addMarkers(result); | 
 |  |  |         } | 
 |  |  |         addPolygon(getPoints(result)); | 
 |  |  |         listen(result); | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     function getResult(result,arry) { | 
 |  |  |     function getResult(result, arry) { | 
 |  |  |         $.each(arry, function (index, value) { | 
 |  |  |             result.push(value); | 
 |  |  |         }); | 
 |  |  | 
 |  |  |     function addMarkers(arry) { | 
 |  |  |         $.each(arry, function (item, value) { | 
 |  |  |             var myIcon = new BMap.Icon('/img/uav_red.png', new BMap.Size(50, 50)); | 
 |  |  |             var time = value.get("time"); | 
 |  |  |             var heigh = value.get("heigh"); | 
 |  |  |             var concentration = value.get("concentration"); | 
 |  |  |             var point = value.get("point"); | 
 |  |  |             var time = value["time"]; | 
 |  |  |             var heigh = value["heigh"]; | 
 |  |  |             var concentration = value["concentration"]; | 
 |  |  |             var point = value["point"]; | 
 |  |  |             var marker = new BMap.Marker(point, {icon: myIcon}); | 
 |  |  |             map.addOverlay(marker); | 
 |  |  |             var lon = marker.getPosition().lng; | 
 |  |  | 
 |  |  |     function getPoints(arry) { | 
 |  |  |         var points = []; | 
 |  |  |         $.each(arry, function (item, value) { | 
 |  |  |             var point = value.get("point"); | 
 |  |  |             var point = value["point"]; | 
 |  |  |             points.push(point); | 
 |  |  |         }); | 
 |  |  |         return points; | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </script> |