327 lines
18 KiB
HTML
327 lines
18 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<title>2D Aircraft Map</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<meta http-equiv="cache-control" content="no-cache">
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
|
<!--<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">-->
|
|
<link type="text/css" href="css/bootstrap-toggle.css" rel="stylesheet">
|
|
<!--<link type="text/css" href="css/bootstrap-customized.css" rel="stylesheet">-->
|
|
<!--<link href="css/radarcape-jetvision.css" rel="stylesheet"> -->
|
|
<link type="text/css" href="css/2dmap.css" rel="stylesheet">
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/raphael-min.js"></script>
|
|
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChL47AVaQ1IyY6RJK6Ty5dZIxjNccTW_Y"></script>
|
|
<script type="text/javascript" src="js/maplabel.js"></script>
|
|
<script type="text/javascript" src="js/markerwithlabel.js"></script>
|
|
<script type="text/javascript" src="js/cookies.js"></script>
|
|
<script type="text/javascript" src="js/custctrls.js"></script>
|
|
<script type="text/javascript" src="js/nite-overlay.js"></script>
|
|
<script type="text/javascript" src="js/lib/lz-string.min.js"></script>
|
|
<script type="text/javascript" src="js/airports.js"></script>
|
|
<script type="text/javascript" src="js/lib/moment.min.js"></script>
|
|
<script type="text/javascript" src="js/lib/papaparse.min.js"></script>
|
|
<!-- Common Javascript -->
|
|
<script type="text/javascript" src="js/globals.js"></script>
|
|
<script type="text/javascript" src="js/navbar.js"></script>
|
|
<!-- Application needed for this page -->
|
|
<script type="text/javascript" src="js/radarcape2dmap_ac_symbols.js"></script>
|
|
<script type="text/javascript" src="js/radarcape2dmap.js"></script>
|
|
<script type="text/javascript" src="js/sensors_2dmap_common.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="nav"></div>
|
|
<div class="container-fluid container-fluid-map">
|
|
<div id="map_box" class="google-map-canvas"></div>
|
|
<div id="map_info_box" class="mapinfobox">
|
|
<div id="hide_info_btn_box" class="info_full_width text-right">
|
|
<button id="btn_hide_info_box" class="btn-xs btn-default map_info_close" type="button"><span id="hide_info_btn" class="glyphicon glyphicon-plus"></span></button>
|
|
</div>
|
|
<div id="hide_info">
|
|
<div id="general_info_box">
|
|
|
|
<table class="info_box_table">
|
|
<thead>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span> General Information</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="info_label">
|
|
<td>UTC Time</td>
|
|
<td>Local Time</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="TimeStringUTC"></td>
|
|
<td id="TimeStringLocal"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div id="flight_info_box_klick">
|
|
<table class="info_box_table">
|
|
<thead>
|
|
<tr class="info_header">
|
|
<td id="StatusHeader" colspan="2" ><span class="glyphicon glyphicon-signal" aria-hidden="true"></span> Receiver Status</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="info_label" style="display:none">
|
|
<td>AcDbSize</td>
|
|
<td id="AcDbSize"></td>
|
|
</tr>
|
|
<tr class="info_label" style="display:none">
|
|
<td>incomingEvents</td>
|
|
<td id="incomingEvents"></td>
|
|
</tr>
|
|
<tr class="MlatServerShow" class="info_label" style="display:none">
|
|
<td width="85%">Total number of sensors</td>
|
|
<td id="numSensors"></td>
|
|
</tr>
|
|
<tr class="MlatServerShow" class="info_label" style="display:none">
|
|
<td width="85%">Number of active sensors</td>
|
|
<td id="numActiveSensors"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Totally received</td>
|
|
<td id="mapinfo_dbsize"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Currently watched</td>
|
|
<td id="mapinfo_watched"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Aircraft on map</td>
|
|
<td id="num_planesOnMap"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>ADS-B locations</td>
|
|
<td id="mapinfo_num_adsb"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>MLAT locations</td>
|
|
<td id="mapinfo_num_mlat"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>FLARM locations</td>
|
|
<td id="mapinfo_num_flarm"></td>
|
|
</tr>
|
|
<tr><td> </td></tr>
|
|
<tr class="info_label">
|
|
<td colspan="2">Left click on aircraft for detailled info</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td colspan="2">Right click to hide track</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td colspan="2">Shift click on aircraft to view just it</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td class="MlatServerShow" style="display:none" colspan="2">Click on any sensor to show aircraft in its range</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td colspan="2">Click into empty map to clear all tracks</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="flight_info_box_adsb" style="display:none">
|
|
<table class="info_box_table">
|
|
<tbody>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> Aircraft Details</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td width="50%">Registration</td>
|
|
<td width="50%">Mode-S</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_reg"></td>
|
|
<td id="fib_hex"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Type</td>
|
|
<td>Category</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_typ"></td>
|
|
<td id="fib_cat"></td>
|
|
</tr>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-plane" aria-hidden="true"></span> Flight Details</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Flight</td>
|
|
<td>Squawk</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_fli"></td>
|
|
<td id="fib_squ"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Origin</td>
|
|
<td>Destination</td>
|
|
</tr>
|
|
<tr class="info_value_normal">
|
|
<td id="fib_org"></td>
|
|
<td id="fib_dst"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Track</td>
|
|
<td>Speed</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_trk"></td>
|
|
<td id="fib_spd"></td>
|
|
</tr>
|
|
|
|
<tr class="info_label">
|
|
<td>Altitude</td>
|
|
<td>Vertical Rate</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_alt"></td>
|
|
<td id="fib_vrt"></td>
|
|
</tr>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Aircraft Tracking</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Latitude</td>
|
|
<td>Longitude</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_lat"></td>
|
|
<td id="fib_lon"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Distance</td>
|
|
<td>Source</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_dis"></td>
|
|
<td id="fib_src"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Last Signal</td>
|
|
<td class="MlatServerShow" style="display:none">Positions/sec</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_lla"></td>
|
|
<td id="fib_pest" class="MlatServerShow" style="display:none"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="MlatServerShow" style="display:none" class="info_box_table">
|
|
<tbody>
|
|
<tr class="info_header">
|
|
<td id='fib_log' colspan="5"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Network Info</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td id="fib_nof_clnt" colspan="5">Current Sensors</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td id="fib_clnt0" width="20%" valign="top" style="padding-right: 4px;"></td>
|
|
<td id="fib_clnt1" width="20%" valign="top" style="padding-left: 4px;padding-right: 4px;"></td>
|
|
<td id="fib_clnt2" width="20%" valign="top" style="padding-left: 4px;padding-right: 4px;"></td>
|
|
<td id="fib_clnt3" width="20%" valign="top" style="padding-left: 4px;padding-right: 4px;"></td>
|
|
<td id="fib_clnt4" valign="top" style="padding-left: 4px;"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="flight_info_box_modeac" style="display:none">
|
|
<table class="info_box_table">
|
|
<tbody>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> Mode-A/C Target</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td width="50%">Main A/C Code</td>
|
|
<td width="50%">Decoded</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_code"></td>
|
|
<td id="fib_ac_decoded"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="info_box_table">
|
|
<tbody>
|
|
<tr class="info_label">
|
|
<td colspan="4">Mode-A/C code history</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td id="fib_ac_history_c1" valign="top" style="padding-right: 4px;"></td>
|
|
<td id="fib_ac_history_c2" valign="top" style="padding-left: 4px;padding-right: 4px;"></td>
|
|
<td id="fib_ac_history_c3" valign="top" style="padding-left: 4px;padding-right: 4px;"></td>
|
|
<td id="fib_ac_history_c4" valign="top" style="padding-left: 4px;"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="info_box_table">
|
|
<tbody>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-plane" aria-hidden="true"></span> Flight Details</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Track</td>
|
|
<td>Speed</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_trk"></td>
|
|
<td id="fib_ac_spd"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Altitude</td>
|
|
<td>Vertical Rate</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_alt"></td>
|
|
<td id="fib_ac_vrt"></td>
|
|
</tr>
|
|
<tr class="info_header">
|
|
<td colspan="2"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Aircraft Tracking</td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Latitude</td>
|
|
<td>Longitude</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_lat"></td>
|
|
<td id="fib_ac_lon">></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Distance</td>
|
|
<td>Source</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_dis"></td>
|
|
<td id="fib_ac_src"></td>
|
|
</tr>
|
|
<tr class="info_label">
|
|
<td>Last Signal</td>
|
|
<td>Positions/sec</td>
|
|
</tr>
|
|
<tr class="info_value">
|
|
<td id="fib_ac_lla"></td>
|
|
<td id="fib_ac_pest"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|