Panes

src/renderer/components/ThresholdLayer.vue

@@ -29,6 +29,8 @@
         return this.layerGroup
       },
       load (icao) {
+        this.$parent.mapObject.createPane('threshold-pane')
+        this.$parent.mapObject.getPane('threshold-pane').style.zIndex = 550
         // Callback for add
         this.layerGroup = readThresholdXML(this.$store.state.Settings.settings.airportsDirectory, icao, this.read)
         if (!this.layerGroup) {

src/renderer/components/TowerLayer.vue

@@ -24,6 +24,7 @@ You should have received a copy of the GNU General Public License along with FG
       console.debug([LMap, LMarker, L, LEdit])
     },
     mounted () {
+
     },
     beforeDestroy () {
       this.remove()
@@ -37,6 +38,8 @@ You should have received a copy of the GNU General Public License along with FG
         return this.layerGroup
       },
       load (icao) {
+        this.$parent.mapObject.createPane('tower-pane')
+        this.$parent.mapObject.getPane('tower-pane').style.zIndex = 550
         // Callback for add
         this.layerGroup = readTowerXML(this.$store.state.Settings.settings.airportsDirectory, icao, this.read)
         if (!this.layerGroup) {

src/renderer/loaders/Threshold.js

@@ -74,7 +74,7 @@ var threshold = function (n, options) {
     var latlon = convert(n.find('lat/text()').text() + " " + n.find('lon/text()').text());
     var heading = n.find('hdg-deg/text()').text();
 
-    var marker = new L.Threshold([latlon.decimalLatitude, latlon.decimalLongitude], {heading: heading});
+    var marker = new L.Threshold([latlon.decimalLatitude, latlon.decimalLongitude], {heading: heading, pane: 'threshold-pane'});
     return marker;
 }
 

src/renderer/loaders/Tower.js

@@ -72,7 +72,7 @@ L.TowerMarker.addInitHook(function(){
 //Builds a marker for a ai or multiplayer aircraft
 var tower = function (n, options) {    
     var latlon = convert(n.find('lat/text()').text() + " " + n.find('lon/text()').text());
-    return new L.TowerMarker([latlon.decimalLatitude, latlon.decimalLongitude], {heading: 0});
+    return new L.TowerMarker([latlon.decimalLatitude, latlon.decimalLongitude], {heading: 0, pane: 'tower-pane'});
 }
 
 module.exports = tower;