| | |
| | | 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:block"> |
| | | <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 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; |
| | | var lat = marker.getPosition().lat; |
| | | var opts = { |
| | | width: 200, // 信息窗口宽度 |
| | | height: 100, // 信息窗口高度 |
| | | height: 100 // 信息窗口高度 |
| | | } |
| | | var infoWindow = new BMap.InfoWindow("时间: " + time + "</br>经度: " + lon.toFixed(4) + "°</br>纬度: " + lat.toFixed(4) + "°</br>高度: " + heigh + "m</br>" + description + ": " + concentration + unit, opts); // 创建信息窗口对象 |
| | | if (heigh == "") { |
| | |
| | | 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> |