|  |  |  | 
|---|
|  |  |  | 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> | 
|---|