diff --git a/public_html/planeObject.js b/public_html/planeObject.js index 0602bb9..8c59cb4 100644 --- a/public_html/planeObject.js +++ b/public_html/planeObject.js @@ -451,7 +451,7 @@ PlaneObject.prototype.updateIcon = function() { //var transparentBorderWidth = (32 / baseMarker.scale / scaleFactor).toFixed(1); var svgKey = col + '!' + outline + '!' + baseMarker.svg + '!' + add_stroke + "!" + scaleFactor; - var styleKey = opacity + '!' + rotation; + var styleKey = opacity + '!' + rotation + '!' + AircraftLabels; if (this.markerStyle === null || this.markerIcon === null || this.markerSvgKey != svgKey) { //console.log(this.icao + " new icon and style " + this.markerSvgKey + " -> " + svgKey); @@ -470,21 +470,25 @@ PlaneObject.prototype.updateIcon = function() { this.markerIcon = icon; - var labelFill = new ol.style.Fill({color: 'white' }); - var labelStrokeNarrow = new ol.style.Stroke({color: 'black', width: 5}); + if (AircraftLabels) { + this.markerStyle = new ol.style.Style({ + image: this.markerIcon, + text: new ol.style.Text({ + text: this.flight, + fill: new ol.style.Fill({color: 'white' }), + stroke: new ol.style.Stroke({color: 'black', width: 5}), + textAlign: 'left', + textBaseline: "top", + offsetX: 20, + font: '12px sans-serif' + }) + }); + } else { + this.markerStyle = new ol.style.Style({ + image: this.markerIcon + }); + }; - this.markerStyle = new ol.style.Style({ - image: this.markerIcon, - text: new ol.style.Text({ - text: this.flight, - fill: labelFill, - stroke: labelStrokeNarrow, - textAlign: 'left', - textBaseline: "top", - offsetX: 20, - font: '12px sans-serif' - }) - }); this.markerStaticIcon = null; this.markerStaticStyle = new ol.style.Style({}); @@ -504,6 +508,26 @@ PlaneObject.prototype.updateIcon = function() { if (this.staticIcon) { this.staticIcon.setOpacity(opacity); } + + if (AircraftLabels) { + this.markerStyle = new ol.style.Style({ + image: this.markerIcon, + text: new ol.style.Text({ + text: this.flight, + fill: new ol.style.Fill({color: 'white' }), + stroke: new ol.style.Stroke({color: 'black', width: 5}), + textAlign: 'left', + textBaseline: "top", + offsetX: 20, + font: '12px sans-serif' + }) + }); + } else { + this.markerStyle = new ol.style.Style({ + image: this.markerIcon + }); + }; + this.marker.setStyle(this.markerStyle); this.markerStyleKey = styleKey; } diff --git a/public_html/script.js b/public_html/script.js index 904087f..ad42d1b 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -57,6 +57,8 @@ var ActiveFilterCount = 0; var altitude_slider = null; var speed_slider = null; +var AircraftLabels = false; + // piaware vs flightfeeder var isFlightFeeder = false; @@ -1822,15 +1824,16 @@ function toggleAircraftLabels(switchToggle) { } if (showAircraftLabels === 'deselected') { - // hide aircraft labels + // hide aircraft labels + AircraftLabels = false; $('#aircraft_label_checkbox').removeClass('settingsCheckboxChecked'); } else { - // show aicraft labels - //sortByDataSource(); + // show aicraft labels + AircraftLabels = true; $('#aircraft_label_checkbox').addClass('settingsCheckboxChecked'); } - localStorage.setItem('showAircraftLabels', showAircraftLabels); + localStorage.setItem('showAircraftLabels', showAircraftLabels); } function toggleAllPlanes(switchToggle) {