@opengeoweb/webmap 2.1.0 → 2.1.4

package/{webmap.umd.js → index.umd.js}

@@ -109,6 +109,16 @@
           finally { if (e) throw e.error; }
       }
       return ar;
+  }
+
+  function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+          if (ar || !(i in from)) {
+              if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+              ar[i] = from[i];
+          }
+      }
+      return to.concat(ar || Array.prototype.slice.call(from));
   }
 
   /* *
@@ -381,6 +391,53 @@
     var iso = prf(date.getUTCFullYear(), 4) + "-" + prf(date.getUTCMonth() + 1, 2) + "-" + prf(date.getUTCDate(), 2) + "T" + prf(date.getUTCHours(), 2) + ":" + prf(date.getUTCMinutes(), 2) + ":" + prf(date.getUTCSeconds(), 2) + "Z";
     return iso;
   };
+  /**
+   * Helper function to figure out the styles from the WMS layer object from the WMS GetCapabilties document
+   * @param layerObjectFromWMS The layer object from the WMS GetCapabilities JSON document
+   * @returns Style[] Array of style objects.
+   */
+
+  var addStylesForLayer = function addStylesForLayer(layerObjectFromWMS) {
+    /* Get the Style object */
+    if (!layerObjectFromWMS.Style) return [];
+    var layerStyles = toArray(layerObjectFromWMS.Style);
+    /* Loop through the list of styles from the document, create a default object and try to fill in the object with the props from the WMS GetCapabilities document */
+
+    return layerStyles.map(function (layerStyle) {
+      var style = {
+        title: 'default',
+        name: 'default',
+        legendURL: '',
+        "abstract": 'No abstract available'
+      };
+
+      try {
+        style.title = layerStyle.Title.value;
+      } catch (e) {
+        /* Do nothing */
+      }
+
+      try {
+        style.name = layerStyle.Name.value;
+      } catch (e) {
+        /* Do nothing */
+      }
+
+      try {
+        style.legendURL = layerStyle.LegendURL.OnlineResource.attr['xlink:href'];
+      } catch (e) {
+        /* Do nothing */
+      }
+
+      try {
+        style["abstract"] = layerStyle.Abstract.value;
+      } catch (e) {
+        /* Do nothing */
+      }
+
+      return style;
+    });
+  };
 
   /* *
    * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3433,15 +3490,11 @@
    * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
    * Copyright 2020 - Finnish Meteorological Institute (FMI)
    * */
-  var WMDrawMarker = function WMDrawMarker(context, coordx, coordy, fillColor, outlineColor) {
+  var WMDrawMarker = function WMDrawMarker(context, coordx, coordy, fillColor) {
     if (fillColor === void 0) {
       fillColor = '#FFF';
     }
 
-    if (outlineColor === void 0) {
-      outlineColor = '#000';
-    }
-
     var ctx = context;
     var coord = {
       x: parseInt(coordx.toString(), 10),
@@ -3450,8 +3503,8 @@
     ctx.fillStyle = fillColor;
     ctx.globalAlpha = 1.0;
     ctx.beginPath();
-    var topRadius = 9;
-    var topHeight = 2.5 * topRadius;
+    var topRadius = 7;
+    var topHeight = 2 * topRadius;
     ctx.arc(coord.x, coord.y - topHeight, topRadius, Math.PI, Math.PI * 2);
     ctx.bezierCurveTo(coord.x + topRadius, coord.y - topHeight, coord.x + topRadius / 1.6, coord.y - topRadius, coord.x, coord.y);
     ctx.bezierCurveTo(coord.x, coord.y, coord.x - topRadius / 1.6, coord.y - topRadius, coord.x - topRadius, coord.y - topHeight);
@@ -3461,13 +3514,7 @@
 
     ctx.fillStyle = '#FFF';
     ctx.beginPath();
-    ctx.arc(coord.x, coord.y - topHeight, topRadius / 2, Math.PI * 2, 0);
-    ctx.fill();
-    /* Fill marker exact location */
-
-    ctx.fillStyle = outlineColor;
-    ctx.beginPath();
-    ctx.arc(coord.x, coord.y, 2, Math.PI * 2, 0);
+    ctx.arc(coord.x, coord.y - topHeight, topRadius / 2.5, Math.PI * 2, 0);
     ctx.fill();
   };
 
@@ -3563,7 +3610,7 @@
 
     MapPin.prototype.drawMarker = function (ctx) {
       if (isDefined(this.x) && isDefined(this.y)) {
-        WMDrawMarker(ctx, this.x, this.y, '#9090FF', '#000');
+        WMDrawMarker(ctx, this.x, this.y, '#051039');
       }
     };
 
@@ -4037,7 +4084,6 @@
       this.previousMouseButtonState = 'up';
       /* Binds */
 
-      this.setXML2JSONURL = this.setXML2JSONURL.bind(this);
       this.setWMTileRendererTileSettings = this.setWMTileRendererTileSettings.bind(this);
       this.makeComponentId = this.makeComponentId.bind(this);
       this.setMessage = this.setMessage.bind(this);
@@ -4162,10 +4208,6 @@
       this.init();
     }
 
-    WMJSMap.prototype.setXML2JSONURL = function (_xml2jsonrequest) {
-      this.xml2jsonrequest = _xml2jsonrequest;
-    };
-
     WMJSMap.prototype.setWMTileRendererTileSettings = function (_WMTileRendererTileSettings) {
       this.tileRenderSettings = _WMTileRendererTileSettings;
     };
@@ -4474,6 +4516,7 @@
 
       ctx.font = '10px Helvetica';
       ctx.textBaseline = 'middle';
+      ctx.textAlign = 'left';
 
       if (isDefined(this.mouseGeoCoordXY)) {
         var roundingFactor = 1.0 / Math.pow(10, parseInt(Math.log((this.bbox.right - this.bbox.left) / this.width) / Math.log(10), 10) - 2);
@@ -4505,6 +4548,30 @@
 
       ctx.fillStyle = '#000000';
       ctx.fillText("Map projection: " + this.srs, 5, this.height - 26);
+      /* Show layer metadata */
+
+      if (this.showLayerInfo === true) {
+        var metadataX = 100;
+        var metadataY = 100;
+        var dimStartX = 150;
+        var rowHeight = 26;
+        var rowNumber = 0;
+        drawTextBG(ctx, 'Layer name', metadataX, metadataY + rowNumber * rowHeight, 10);
+        drawTextBG(ctx, 'Dimensions', metadataX + dimStartX, metadataY + rowNumber * rowHeight, 10);
+        rowNumber += 1;
+
+        for (var j = 0; j < this.layers.length; j += 1) {
+          var layer = this.layers[j];
+          drawTextBG(ctx, "#" + j + ":" + layer.name, metadataX, metadataY + rowNumber * rowHeight, 10);
+
+          for (var d = 0; d < layer.dimensions.length; d += 1) {
+            var dimension = layer.dimensions[d];
+            drawTextBG(ctx, dimension.name + " = " + dimension.currentValue, metadataX + d * 200 + dimStartX, metadataY + rowNumber * rowHeight, 10);
+          }
+
+          rowNumber += 1;
+        }
+      }
     };
     /* Is called when the WebMapJS object is created */
 
@@ -4912,10 +4979,10 @@
           reject(new Error('layer has no constructor'));
           return;
         }
+        /* Set a reference in the layer to this map */
 
-        if (!layer.parentMaps.includes(_this)) {
-          layer.parentMaps.push(_this);
-        }
+
+        layer.parentMap = _this;
 
         _this.layers.push(layer);
 
@@ -4927,7 +4994,7 @@
           resolve(_this);
         };
 
-        layer.parseLayer(done, undefined);
+        layer.parseLayer(done, undefined, 'WMJSMap addLayer');
       });
     };
 
@@ -4950,6 +5017,11 @@
       }
 
       if (!_srs) _srs = 'EPSG:4326';
+
+      if (this.srs !== _srs) {
+        this.defaultBBOX.setBBOX(_bbox);
+      }
+
       this.srs = _srs;
 
       if (this.proj4.srs !== this.srs || !isDefined(this.proj4.projection)) {
@@ -4963,7 +5035,6 @@
       }
 
       this.setBBOX(_bbox);
-      this.defaultBBOX.setBBOX(_bbox);
       this.updateMouseCursorCoordinates(undefined);
       this.callBack.triggerEvent('onsetprojection', [this.srs, this.bbox]);
     };
@@ -5250,12 +5321,19 @@
         if (animationList !== undefined) {
           if (_typeof(animationList) === 'object') {
             if (animationList.length > 0) {
+              // Ensure the time dimension has been loaded for the map before starting animation
+              var timeDim = this.getDimension('time');
+
+              if (!timeDim) {
+                return;
+              }
+
+              var selectedTime = timeDim.currentValue;
               this.isAnimating = true;
               this.callBack.triggerEvent('onstartanimation', this);
               this.currentAnimationStep = 0;
               this.animationList = [];
               this.mouseHoverAnimationBox = false;
-              var selectedTime = this.getDimension('time').currentValue;
 
               for (var j = 0; j < animationList.length; j += 1) {
                 if (selectedTime && animationList[j].value === selectedTime) {
@@ -5427,9 +5505,7 @@
         this.baseLayers = layer;
 
         for (var j = 0; j < this.baseLayers.length; j += 1) {
-          if (!this.baseLayers[j].parentMaps.includes(this)) {
-            this.baseLayers[j].parentMaps.push(this);
-          }
+          this.baseLayers[j].parentMap = this;
 
           if (this.baseLayers[j].keepOnTop !== true) {
             this.numBaseLayers += 1;
@@ -7301,7 +7377,7 @@
    * Global getcapabilities function
    */
 
-  var WMJSGetCapabilities = function WMJSGetCapabilities(service, succes, fail, xml2jsonrequestURL, options, disableCache) {
+  var WMJSGetCapabilities = function WMJSGetCapabilities(service, succes, fail, options, disableCache) {
     if (disableCache === void 0) {
       disableCache = false;
     }
@@ -7349,7 +7425,6 @@
       random: Math.random()
     } : {};
     var url = getWMSUrl(service, addParams);
-    var newXml2jsonrequestURL = xml2jsonrequestURL;
     WMXMLParser(url, headers).then(function (data) {
       try {
         succes(data);
@@ -7359,7 +7434,7 @@
     })["catch"](function () {
       loadGetCapabilitiesViaProxy(url, succes, function () {
         fail("Request failed for " + url);
-      }, newXml2jsonrequestURL);
+      }, WMServiceStoreXML2JSONRequest.proxy);
     });
   };
   var sortByKey = function sortByKey(array, key) {
@@ -7394,13 +7469,15 @@
           keywords: toArray(layers[j].KeywordList && layers[j].KeywordList.Keyword).map(function (keywords) {
             return keywords.value;
           }),
-          "abstract": layers[j].Abstract && layers[j].Abstract.value
+          "abstract": layers[j].Abstract && layers[j].Abstract.value,
+          styles: addStylesForLayer(layers[j])
         };
       } else {
         var nodeText = isNull(layers[j].Title) ? 'Layer' : layers[j].Title.value;
         nodeObject = {
           text: nodeText,
-          leaf: isleaf
+          leaf: isleaf,
+          styles: []
         };
       }
 
@@ -7420,7 +7497,6 @@
    *
    * options:
    *   service
-   *   xml2jsonrequestURL
    *   title (optional)
    */
 
@@ -7441,7 +7517,6 @@
       if (options) {
         this.service = options.service;
         this.title = options.title;
-        this.xml2jsonrequestURL = options.xml2jsonrequestURL;
       }
 
       this.checkVersion111 = this.checkVersion111.bind(this);
@@ -7558,7 +7633,7 @@
      */
 
 
-    WMJSService.prototype.getCapabilities = function (succescallback, failcallback, forceReload, xml2jsonrequestURL, options) {
+    WMJSService.prototype.getCapabilities = function (succescallback, failcallback, forceReload, options) {
       var _this = this;
 
       if (options) {
@@ -7643,7 +7718,7 @@
             return null;
           }, function () {
             return null;
-          }, false, xml2jsonrequestURL, options);
+          }, false, options);
 
           var current;
 
@@ -7652,14 +7727,9 @@
           }
         };
 
-        WMJSGetCapabilities(this.service, succes, fail_1, xml2jsonrequestURL, options);
+        WMJSGetCapabilities(this.service, succes, fail_1, options);
       } else {
-        /* The callbacks are not allowed to be called in the scope of this object.
-          By using window.setTimeOut they are externally called
-        */
-        window.setTimeout(function () {
-          succescallback(_this.getcapabilitiesDoc);
-        }, 1);
+        succescallback(this.getcapabilitiesDoc);
       }
     }; // eslint-disable-next-line class-methods-use-this
 
@@ -7696,13 +7766,9 @@
      */
 
 
-    WMJSService.prototype.getNodes = function (succes, failure, forceReload, xml2jsonrequestURL, options) {
+    WMJSService.prototype.getNodes = function (succes, failure, forceReload, options) {
       var _this = this;
 
-      if (xml2jsonrequestURL === void 0) {
-        xml2jsonrequestURL = this.xml2jsonrequestURL;
-      }
-
       this.nodeCache = undefined;
 
       if (!failure) {
@@ -7751,29 +7817,20 @@
         failure(data);
       };
 
-      this.getCapabilities(callback, fail, forceReload, xml2jsonrequestURL, options);
+      this.getCapabilities(callback, fail, forceReload, options);
     };
     /** Calls succes with an array of all layerobjects
      * Calls failure when something goes wrong
      */
 
 
-    WMJSService.prototype.getLayerObjectsFlat = function (succes, failure, forceReload, xml2jsonrequestURL, options) {
+    WMJSService.prototype.getLayerObjectsFlat = function (succes, failure, forceReload, options) {
       var _this = this;
 
-      if (xml2jsonrequestURL === void 0) {
-        xml2jsonrequestURL = this.xml2jsonrequestURL;
-      }
-
       if (options === void 0) {
         options = this._options;
       }
 
-      if (!xml2jsonrequestURL) {
-        // eslint-disable-next-line no-param-reassign
-        xml2jsonrequestURL = this.xml2jsonrequestURL;
-      }
-
       if (isDefined(this._flatLayerObject) && forceReload !== true) {
         succes(this._flatLayerObject);
         return;
@@ -7798,7 +7855,7 @@
         succes(_this._flatLayerObject);
       };
 
-      this.getNodes(callback, failure, forceReload, xml2jsonrequestURL, options);
+      this.getNodes(callback, failure, forceReload, options);
     };
 
     return WMJSService;
@@ -7821,20 +7878,15 @@
    * Copyright 2020 - Finnish Meteorological Institute (FMI)
    * */
 
-  var WMGetServiceFromStore = function WMGetServiceFromStore(serviceName, xml2jsonrequestURL) {
+  var WMGetServiceFromStore = function WMGetServiceFromStore(serviceName) {
     for (var j = 0; j < WMServiceStore.length; j += 1) {
       if (WMServiceStore[j].service === serviceName) {
         return WMServiceStore[j];
       }
     }
 
-    if (xml2jsonrequestURL) {
-      WMServiceStoreXML2JSONRequest.proxy = xml2jsonrequestURL;
-    }
-
     var service = new WMJSService({
-      service: serviceName,
-      xml2jsonrequestURL: WMServiceStoreXML2JSONRequest.proxy
+      service: serviceName
     });
     WMServiceStore.push(service);
     return service;
@@ -7863,55 +7915,6 @@
     LayerType["baseLayer"] = "baseLayer";
     LayerType["overLayer"] = "overLayer";
   })(exports.LayerType || (exports.LayerType = {}));
-  /**
-   * Helper function to figure out the styles from the WMS layer object from the WMS GetCapabilties document
-   * @param layerStyles The layer styles object from the WMS GetCapabilities
-   * @param layer The WMLayer to configure
-   */
-
-
-  var addStylesForLayer = function addStylesForLayer(layerObjectFromWMS, layer) {
-    /* Get the Style object */
-    if (!layerObjectFromWMS.Style) return;
-    var layerStyles = toArray(layerObjectFromWMS.Style);
-    /* Loop through the list of styles from the document, create a default object and try to fill in the object with the props from the WMS GetCapabilities document */
-
-    for (var k = 0; k < layerStyles.length; k += 1) {
-      var layerStyle = layerStyles[k];
-      var style = {
-        title: 'default',
-        name: 'default',
-        legendURL: '',
-        "abstract": 'No abstract available'
-      };
-
-      try {
-        style.title = layerStyle.Title.value;
-      } catch (e) {
-        /* Do nothing */
-      }
-
-      try {
-        style.name = layerStyle.Name.value;
-      } catch (e) {
-        /* Do nothing */
-      }
-
-      try {
-        style.legendURL = layerStyle.LegendURL.OnlineResource.attr['xlink:href'];
-      } catch (e) {
-        /* Do nothing */
-      }
-
-      try {
-        style["abstract"] = layerStyle.Abstract.value;
-      } catch (e) {
-        /* Do nothing */
-      }
-
-      layer.styles.push(style);
-    }
-  };
   /**
    * Helper function to figure out the dimensions from the WMS layer object (From WMS GetCapabilities). Parses both WMS 1.1.1 and WMS 1.3.0.
    * @param layerObjectFromWMS The corresponding layer object from the WMS GetCapabilities.
@@ -7919,6 +7922,7 @@
    * @param layerDimNamesToRemove A set of dimensions names which are flagged for removal, this function removes the dimension from the set if found in the layer.
    */
 
+
   var addDimsForLayer = function addDimsForLayer(layerObjectFromWMS, layer, layerDimNamesToRemove) {
     /* Information from the WMS GetCapabilities document */
     var layerDims = toArray(layerObjectFromWMS.Dimension);
@@ -7991,8 +7995,8 @@
         });
         /* Check if the dimension should take the value from the map */
 
-        if (layer.parentMaps.length > 0) {
-          var mapDim = layer.parentMaps[0].getDimension(layerDim.name);
+        if (layer.parentMap) {
+          var mapDim = layer.parentMap.getDimension(layerDim.name);
 
           if (mapDim && mapDim.linked && isDefined(mapDim.currentValue)) {
             var dimensionCurrentValue = dimension.getClosestValue(mapDim.currentValue);
@@ -8027,13 +8031,17 @@
    */
 
   var configureStyles = function configureStyles(nestedLayerPath, wmLayer) {
+    var _a;
     /* Now add the previous parent layer objects style info (inherit) and end with the Style info from this layer */
+
+
     try {
       for (var o = 0; o < nestedLayerPath.length; o += 1) {
-        addStylesForLayer(nestedLayerPath[o], wmLayer);
+        // eslint-disable-next-line no-param-reassign
+        (_a = wmLayer.styles).push.apply(_a, __spreadArray([], __read(addStylesForLayer(nestedLayerPath[o]))));
       } // eslint-disable-next-line no-empty
 
-    } catch (_a) {}
+    } catch (_b) {}
     /* Set the default style */
 
 
@@ -8099,8 +8107,8 @@
       wmLayer.handleReferenceTime('reference_time', refTimeDimension.getValue());
     }
 
-    if (wmLayer.parentMaps && wmLayer.parentMaps.length > 0) {
-      wmLayer.parentMaps[0].configureMapDimensions(wmLayer);
+    if (wmLayer.parentMap) {
+      wmLayer.parentMap.configureMapDimensions(wmLayer);
     }
   };
 
@@ -8200,8 +8208,8 @@
           this.type = options.type;
         }
 
-        if (options.parentMaps) {
-          this.parentMaps = options.parentMaps;
+        if (options.parentMap) {
+          this.parentMap = options.parentMap;
         }
 
         if (options.headers) {
@@ -8215,8 +8223,6 @@
       this.timer = undefined;
       this.service = undefined; // URL of the WMS Service
 
-      this.WMJSService = undefined; // Corresponding WMJSService
-
       this.getmapURL = undefined;
       this.getfeatureinfoURL = undefined;
       this.getlegendgraphicURL = undefined;
@@ -8247,9 +8253,8 @@
       this.id = '-1';
       this.opacity = 1.0; // Ranges from 0.0-1.0
 
-      this.getCapabilitiesDoc = undefined;
       this.serviceTitle = 'not defined';
-      this.parentMaps = [];
+      this.parentMap = null;
       this.sldURL = null;
       this.isConfigured = false;
     };
@@ -8266,7 +8271,7 @@
       if (this.autoupdate) {
         var numDeltaMS = 60000;
         this.timer = setInterval(function () {
-          _this.parseLayer(undefined, true, undefined);
+          _this.parseLayer(undefined, true, 'WMLayer toggleAutoUpdate');
         }, numDeltaMS);
       } else {
         clearInterval(this.timer);
@@ -8283,7 +8288,7 @@
           clearInterval(this.timer);
         } else {
           this.timer = setInterval(function () {
-            _this.parseLayer(callback, true, undefined);
+            _this.parseLayer(callback, true, 'WMLayer setAutoUpdate');
           }, interval);
         }
       }
@@ -8291,10 +8296,7 @@
 
     WMLayer.prototype.setOpacity = function (opacityValue) {
       this.opacity = parseFloat(opacityValue);
-
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].redrawBuffer();
-      }
+      this.parentMap && this.parentMap.redrawBuffer();
     };
 
     WMLayer.prototype.getOpacity = function () {
@@ -8302,37 +8304,37 @@
     };
 
     WMLayer.prototype.remove = function () {
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].deleteLayer(this);
-        this.parentMaps[j].draw('WMLayer::remove');
+      if (this.parentMap) {
+        this.parentMap.deleteLayer(this);
+        this.parentMap.draw('WMLayer::remove');
       }
 
       clearInterval(this.timer);
     };
 
     WMLayer.prototype.moveUp = function () {
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].moveLayerUp(this);
-        this.parentMaps[j].draw('WMLayer::moveUp');
+      if (this.parentMap) {
+        this.parentMap.moveLayerUp(this);
+        this.parentMap.draw('WMLayer::moveUp');
       }
     };
 
     WMLayer.prototype.moveDown = function () {
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].moveLayerDown(this);
-        this.parentMaps[j].draw('WMLayer::moveDown');
+      if (this.parentMap) {
+        this.parentMap.moveLayerDown(this);
+        this.parentMap.draw('WMLayer::moveDown');
       }
     };
 
     WMLayer.prototype.zoomToLayer = function () {
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].zoomToLayer(this);
+      if (this.parentMap) {
+        this.parentMap.zoomToLayer(this);
       }
     };
 
     WMLayer.prototype.draw = function (e) {
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].draw("WMLayer::draw::" + e);
+      if (this.parentMap) {
+        this.parentMap.draw("WMLayer::draw::" + e);
       }
     };
 
@@ -8349,9 +8351,9 @@
           timeDim.setTimeValuesForReferenceTime(value, referenceTimeDim);
 
           if (updateMapDimensions) {
-            if (this.parentMaps && this.parentMaps.length > 0) {
+            if (this.parentMap) {
               if (this.enabled !== false) {
-                this.parentMaps[0].getListener().triggerEvent('ondimchange', 'time');
+                this.parentMap.getListener().triggerEvent('ondimchange', 'time');
               }
             }
           }
@@ -8379,42 +8381,40 @@
 
       if (updateMapDimensions) {
         if (dim.linked === true) {
-          for (var j = 0; j < this.parentMaps.length; j += 1) {
-            this.parentMaps[j].setDimension(name, dim.getValue());
+          if (this.parentMap) {
+            this.parentMap.setDimension(name, dim.getValue());
           }
         }
       }
     };
 
-    WMLayer.prototype.__parseGetCapForLayer = function (layer, getcapabilitiesjson, layerDoneCallback, fail) {
+    WMLayer.prototype.__parseGetCapForLayer = function (getcapabilitiesjson, layerDoneCallback, fail) {
       var _this = this;
 
-      var jsondata = getcapabilitiesjson;
-
-      if (!jsondata) {
+      if (!getcapabilitiesjson) {
         this.title = I18n.service_has_error.text;
         this["abstract"] = I18n.not_available_message.text;
-        fail(layer, I18n.unable_to_connect_server.text);
+        fail(this, I18n.unable_to_connect_server.text);
         return;
       }
 
-      var j = 0; // Get the capability object
+      var wmjsService = WMGetServiceFromStore(this.service); // Get the capability object
 
       var capabilityObject;
 
       try {
-        capabilityObject = layer.WMJSService.getCapabilityElement(getcapabilitiesjson);
+        capabilityObject = wmjsService.getCapabilityElement(getcapabilitiesjson);
       } catch (_a) {
-        fail(layer, 'No capability element in service');
+        fail(this, 'No capability element in service');
         return;
       }
 
-      this.version = layer.WMJSService.version; // Get the rootLayer
+      this.version = wmjsService.version; // Get the rootLayer
 
       var rootLayer = capabilityObject.Layer;
 
       if (!isDefined(rootLayer)) {
-        fail(layer, 'No Layer element in service');
+        fail(this, 'No Layer element in service');
         return;
       }
 
@@ -8444,52 +8444,58 @@
         return;
       }
 
-      var foundLayer = 0; // Function will be called when the layer with the right name is found in the getcap doc
+      this.getmapURL = undefined;
 
-      var foundLayerFunction = function foundLayerFunction(jsonlayer, path, nestedLayerPath) {
-        _this.getmapURL = undefined;
+      try {
+        this.getmapURL = capabilityObject.Request.GetMap.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
+      } catch (e) {
+        /* Do nothing */
+      }
 
-        try {
-          _this.getmapURL = capabilityObject.Request.GetMap.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
-        } catch (e) {
-          /* Do nothing */
-        }
+      if (!isDefined(this.getmapURL)) {
+        this.getmapURL = this.service;
+        debug(exports.DebugType.Error, 'GetMap OnlineResource is not specified. Using default.');
+      }
 
-        if (!isDefined(_this.getmapURL)) {
-          _this.getmapURL = _this.service;
-          debug(exports.DebugType.Error, 'GetMap OnlineResource is not specified. Using default.');
-        }
+      this.getfeatureinfoURL = undefined;
 
-        _this.getfeatureinfoURL = undefined;
+      try {
+        this.getfeatureinfoURL = capabilityObject.Request.GetFeatureInfo.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
+      } catch (e) {
+        /* Do nothing */
+      }
 
-        try {
-          _this.getfeatureinfoURL = capabilityObject.Request.GetFeatureInfo.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
-        } catch (e) {
-          /* Do nothing */
-        }
+      if (!isDefined(this.getfeatureinfoURL)) {
+        this.getfeatureinfoURL = this.service;
+        debug(exports.DebugType.Error, 'GetFeatureInfo OnlineResource is not specified. Using default.');
+      }
 
-        if (!isDefined(_this.getfeatureinfoURL)) {
-          _this.getfeatureinfoURL = _this.service;
-          debug(exports.DebugType.Error, 'GetFeatureInfo OnlineResource is not specified. Using default.');
-        }
+      this.getlegendgraphicURL = undefined;
 
-        _this.getlegendgraphicURL = undefined;
+      try {
+        this.getlegendgraphicURL = capabilityObject.Request.GetLegendGraphic.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
+      } catch (e) {
+        /* Do nothing */
+      }
 
-        try {
-          _this.getlegendgraphicURL = capabilityObject.Request.GetLegendGraphic.DCPType.HTTP.Get.OnlineResource.attr['xlink:href'];
-        } catch (e) {
-          /* Do nothing */
-        }
+      if (!isDefined(this.getlegendgraphicURL)) {
+        this.getlegendgraphicURL = this.service;
+      } // TODO Should be arranged also for the other services:
 
-        if (!isDefined(_this.getlegendgraphicURL)) {
-          _this.getlegendgraphicURL = _this.service;
-        } // TODO Should be arranged also for the other services:
 
+      this.getmapURL = WMJScheckURL(this.getmapURL);
+      this.getfeatureinfoURL = WMJScheckURL(this.getfeatureinfoURL);
+      this.getlegendgraphicURL = WMJScheckURL(this.getlegendgraphicURL);
+      this.styles = [];
+      this.projectionProperties = [];
+      /* Set default to layer name, try to find details in next steps */
 
-        _this.getmapURL = WMJScheckURL(layer.getmapURL);
-        _this.getfeatureinfoURL = WMJScheckURL(layer.getfeatureinfoURL);
-        _this.getlegendgraphicURL = WMJScheckURL(layer.getlegendgraphicURL);
-        _this.getCapabilitiesDoc = jsondata;
+      this.title = this.name;
+      this["abstract"] = '';
+      this.path = '';
+      var foundLayer = 0; // Function will be called when the layer with the right name is found in the getcap doc
+
+      var foundLayerFunction = function foundLayerFunction(jsonlayer, path, nestedLayerPath) {
         _this.title = jsonlayer.Title.value;
 
         try {
@@ -8499,7 +8505,6 @@
         }
 
         _this.path = path;
-        _this.styles = [];
         /** ***************** Go through styles **************** */
 
         configureStyles(nestedLayerPath, _this);
@@ -8512,7 +8517,6 @@
           gp = toArray(jsonlayer.CRS);
         }
 
-        _this.projectionProperties = [];
         var tempSRS = [];
 
         var getgpbbox = function getgpbbox(data) {
@@ -8520,7 +8524,7 @@
             // Fill in SRS and BBOX on basis of BoundingBox attribute
             var gpbbox = toArray(data.BoundingBox);
 
-            for (j = 0; j < gpbbox.length; j += 1) {
+            for (var j = 0; j < gpbbox.length; j += 1) {
               var srs = void 0;
               srs = gpbbox[j].attr.SRS;
 
@@ -8548,8 +8552,8 @@
                 geoProperty.srs = srs;
                 var swapBBOX = false;
 
-                if (layer.version === WMSVersion.version130) {
-                  if (geoProperty.srs === 'EPSG:4326' && layer.wms130bboxcompatibilitymode === false) {
+                if (_this.version === WMSVersion.version130) {
+                  if (geoProperty.srs === 'EPSG:4326' && _this.wms130bboxcompatibilitymode === false) {
                     swapBBOX = true;
                   }
                 }
@@ -8577,7 +8581,7 @@
         getgpbbox(jsonlayer);
         getgpbbox(rootLayer); // Fill in SRS  on basis of SRS attribute
 
-        for (j = 0; j < gp.length; j += 1) {
+        for (var j = 0; j < gp.length; j += 1) {
           if (tempSRS.indexOf(gp[j].value) === -1) {
             var geoProperty = new WMProjection();
             debug(exports.DebugType.Error, "Warning: BoundingBOX missing for SRS " + gp[j].value);
@@ -8586,7 +8590,8 @@
             geoProperty.bbox.right = 180;
             geoProperty.bbox.top = 90;
             geoProperty.srs = gp[j].value;
-            layer.projectionProperties.push(geoProperty);
+
+            _this.projectionProperties.push(geoProperty);
           }
         }
 
@@ -8598,13 +8603,13 @@
         try {
           if (parseInt(jsonlayer.attr.queryable, 10) === 1) _this.queryable = true;else _this.queryable = false;
         } catch (e) {
-          debug(exports.DebugType.Error, "Unable to detect whether this layer is queryable (for layer " + layer.title + ")");
+          debug(exports.DebugType.Error, "Unable to detect whether this layer is queryable (for layer " + _this.title + ")");
         }
 
         foundLayer = 1;
       };
 
-      function recursivelyFindLayer(JSONLayers, path, _prevNestedLayerPath) {
+      function recursivelyFindLayer(thisLayer, JSONLayers, path, _prevNestedLayerPath) {
         for (var k = 0; k < JSONLayers.length; k += 1) {
           var nestedLayerPath_1 = [];
 
@@ -8623,9 +8628,9 @@
               /* Do nothing */
             }
 
-            recursivelyFindLayer(toArray(JSONLayers[k].Layer), pathnew, nestedLayerPath_1);
+            recursivelyFindLayer(thisLayer, toArray(JSONLayers[k].Layer), pathnew, nestedLayerPath_1);
           } else if (JSONLayers[k].Name) {
-            if (JSONLayers[k].Name.value === layer.name) {
+            if (JSONLayers[k].Name.value === thisLayer.name) {
               foundLayerFunction(JSONLayers[k], path, nestedLayerPath_1);
               return;
             }
@@ -8637,13 +8642,13 @@
       var JSONLayers = toArray(rootLayer.Layer);
       var path = '';
       var nestedLayerPath = [rootLayer];
-      recursivelyFindLayer(JSONLayers, path, nestedLayerPath);
+      recursivelyFindLayer(this, JSONLayers, path, nestedLayerPath);
 
       if (foundLayer === 0) {
         // Layer was not found...
         var message = '';
 
-        if (layer.name) {
+        if (this.name) {
           message = "Unable to find layer '" + this.name + "' in service '" + this.service + "'";
         } else {
           message = "Unable to find layer '" + this.title + "' in service '" + this.service + "'";
@@ -8671,7 +8676,8 @@
      */
 
 
-    WMLayer.prototype.parseLayer = function (_layerDoneCallback, forceReload, xml2jsonrequest) {
+    WMLayer.prototype.parseLayer = function (_layerDoneCallback, forceReload, // eslint-disable-next-line no-unused-vars
+    origin) {
       var _this = this;
 
       this.hasError = false;
@@ -8679,7 +8685,10 @@
       var layerDoneCallback = function layerDoneCallback(__layer) {
         if (isDefined(_layerDoneCallback)) {
           try {
-            _layerDoneCallback(__layer);
+            /* Enable these two console timings to do performance measurments of parseLayer */
+            // console.time(origin);
+            _layerDoneCallback(__layer); // console.timeEnd(origin);
+
           } catch (e) {
             debug(exports.DebugType.Error, e);
           }
@@ -8698,20 +8707,13 @@
       };
 
       var callback = function callback(data) {
-        _this.__parseGetCapForLayer(_this, data, layerDoneCallback, fail);
+        _this.__parseGetCapForLayer(data, layerDoneCallback, fail);
       };
 
       var requestfail = function requestfail() {
         fail(_this, I18n.no_capability_element_found.text);
       };
 
-      var newXml2jsonrequest = xml2jsonrequest;
-
-      if (!xml2jsonrequest) {
-        newXml2jsonrequest = this.parentMaps && this.parentMaps.length > 0 ? this.parentMaps[0].xml2jsonrequest : undefined;
-      }
-
-      this.WMJSService = WMGetServiceFromStore(this.service, newXml2jsonrequest);
       var options = {
         headers: {}
       };
@@ -8720,10 +8722,12 @@
         options.headers = this.headers;
       }
 
-      if (this.WMJSService.service !== undefined) {
-        this.WMJSService.getCapabilities(function (data) {
+      var wmjsService = WMGetServiceFromStore(this.service);
+
+      if (wmjsService.service !== undefined) {
+        wmjsService.getCapabilities(function (data) {
           callback(data);
-        }, requestfail, forceReload, xml2jsonrequest, options);
+        }, requestfail, forceReload, options);
       }
     };
     /**
@@ -8748,7 +8752,7 @@
           } else {
             resolve(layer);
           }
-        }, forceReload);
+        }, forceReload, 'WMLayer parseLayerPromise');
       });
     };
 
@@ -8798,7 +8802,8 @@
         success(layerObjects[currentLayerIndex], currentLayerIndex, layerObjects.length);
       };
 
-      this.WMJSService.getLayerObjectsFlat(getLayerObjectsFinished, failure, undefined);
+      var wmjsService = WMGetServiceFromStore(this.service);
+      wmjsService.getLayerObjectsFlat(getLayerObjectsFinished, failure, undefined);
     };
 
     WMLayer.prototype.autoSelectLayer = function (success, failure) {
@@ -8815,7 +8820,8 @@
         }
       };
 
-      this.WMJSService.getLayerObjectsFlat(getLayerObjectsFinished, failure, undefined);
+      var wmjsService = WMGetServiceFromStore(this.service);
+      wmjsService.getLayerObjectsFlat(getLayerObjectsFinished, failure, undefined);
     };
 
     WMLayer.prototype.getNextLayer = function (success, failure) {
@@ -8979,8 +8985,8 @@
     WMLayer.prototype.display = function (displayornot) {
       this.enabled = displayornot;
 
-      for (var j = 0; j < this.parentMaps.length; j += 1) {
-        this.parentMaps[j].displayLayer(this, this.enabled);
+      if (this.parentMap) {
+        this.parentMap.displayLayer(this, this.enabled);
       }
     };