Add Elevation Column

public_html/formatter.js

@@ -18,6 +18,48 @@ var UnitLabels = {
 
 // formatting helpers
 
+
+////
+function format_elevation(siteAltFeet, siteDistMetres, altitudeFeet) {
+
+        var ftHeight = 'ground' == altitudeFeet ? 0 : altitudeFeet;
+
+        if( ftHeight < 0 ) {
+
+                return 93;      // it happens
+        }
+
+        if( null == siteDistMetres) {
+
+                return 92;      // invalid angle
+        }
+
+        if( null == altitudeFeet ) {
+
+                return 91;      // invalid angle
+        }
+
+        if( 0 == siteDistMetres ) {     // craft overhead
+
+                return 90;
+        }
+
+        var ftDistance = siteDistMetres*3.28084;
+        var ftDiff = ftHeight - siteAltFeet;
+
+		// make approximation for  2 * Earth radius in ft
+
+        var radiansAngularDrop = ftDistance / 41784593;
+        var radians = ftDiff / ftDistance;
+        var elevAngleRadians = Math.atan( radians - radiansAngularDrop);
+        var elevAngleDegrees = 57.29577951308232 * elevAngleRadians;
+        var result =  Math.round( 1000*elevAngleDegrees) / 1000;
+        var result3dp = Number.parseFloat(result).toFixed(3);
+        return result3dp;
+}
+////
+
+
 function get_unit_label(quantity, systemOfMeasurement) {
 	var labels = UnitLabels[quantity];
 	if (labels !== undefined && labels[systemOfMeasurement] !== undefined) {

public_html/index.html

@@ -99,13 +99,39 @@
 
 			<div id="settings_infoblock">
 				<div id="settings_close" class="settingsCloseBox"></div>
-				<div id="units_container">
-					<label for="units_selector"><span class="infoBlockTitleText">Units:</span></label>
-					<select name="units_selector" id="units_selector">
-						<option value="nautical">Aeronautical</option>
-						<option value="metric">Metric</option>
-						<option value="imperial">Imperial</option>
-					</select>
+				<div>
+					<div class="settingsColumn">
+						<div id="units_container">
+							<label for="units_selector"><span class="infoBlockTitleText">Units:</span></label>
+							<select name="units_selector" id="units_selector">
+								<option value="nautical">Aeronautical</option>
+								<option value="metric">Metric</option>
+								<option value="imperial">Imperial</option>
+							</select>
+						</div>
+					</div>
+					<div class="settingsColumn">
+						<div id="elevation_container">
+							<form id="elevation_form">
+								<div class="elevationOptions">
+									<label><span>Elevation ASL:</span></label>
+									<input id="elevation_asl" name="elevationAsl" type="text" class="elevationAslInput" maxlength="4">
+								</div>
+								<div class="set_elevation_asl_button">
+									<button id="elevation_asl_button" type="button">Set Site Elevation</button>
+								</div>
+							</form>
+							<form id="threshold_form">
+								<div class="thresholdOptions">
+									<label><span>Highlight below negative angle</span></label>
+									<input id="negative_angle" name="negativeAngle" type="text" class="negativeAngleInput" maxlength="6">
+								</div>
+								<div class="set_negative_angle_button">
+									<button id="negative_angle_button" type="button">Set Negative Angle</button>
+								</div>
+							</form>
+						</div>	
+					</div>
 				</div>
 				<div class="settingsColumn">
 					<div class="settingsOptionContainer">
@@ -157,6 +183,8 @@
 						<div class="settingsText">Show Aircraft Labels</div>
 					</div>
 				</div>
+
+
 				<div id="range_ring_column" class="settingsOptionContainer">
 					<div class="infoBlockTitleText">Range Rings</div>
 				<form id="range_ring_form">
@@ -360,6 +388,19 @@
 												<div class="columnSelectCheckbox" id="fa_photo_link_checkbox"></div>
 												<div class="columnOptionText">Photos</div>
 											</div>
+
+
+
+						<div class="columnOptionContainer">
+
+								<div class="columnSelectCheckbox" id="elevation_col_checkbox"></div>
+
+								<div class="columnOptionText">Elevation</div>
+
+						</div>
+
+
+
 										</div>
 								</div>
 
@@ -388,6 +429,9 @@
 													<td id="airframes_mode_s_link">Airframes.org</td>
 													<td id="flightaware_mode_s_link">FlightAware</td>
 													<td id="flightaware_photo_link">Photos</td>
+
+													<td id="elevation" onclick="sortByElevation();">Elevation</td>
+
 												</tr>
 											</thead>
 											<tbody>
@@ -412,6 +456,9 @@
 													<td style="text-align: center">AIRFRAMES_MODE_S_LINK</td>
 													<td style="text-align: center">FLIGHTAWARE_MODE_S_LINK</td>
 													<td style="text-align: center">FLIGHTAWARE_PHOTO_LINK</td>
+
+													<td style="text-align: right">ELEVATION</td>
+
 												</tr>
 											</tbody>
 										</table>

public_html/planeObject.js

@@ -2,6 +2,9 @@
 
 function PlaneObject(icao) {
 	// Info about the plane
+
+		this.count = 0;	////
+
         this.icao      = icao;
         this.icaorange = findICAORange(icao);
         this.flight    = null;
@@ -348,6 +351,25 @@ PlaneObject.prototype.getMarkerColor = function() {
         if (this.squawk in SpecialSquawks)
                 return SpecialSquawks[this.squawk].markerColor;
 
+		////
+		this.count ++;
+
+		if( this.elevation < SiteNegativeAngle ) {
+
+			for( let index=0; index < SpecialElevations.length; index++) {
+
+				if( this.elevation < SpecialElevations[index].exceptional ) {
+
+					if( 0 == parseInt(this.count)%2 ) {
+
+						return SpecialElevations[index].markerColor;
+					}
+					break;
+				}
+			}
+		}
+		////
+
         var h, s, l;
 
         var colorArr = this.getAltitudeColor();