Arcgis rest layers support

app-starter/locales/en.json

@@ -57,6 +57,10 @@
     "terrestris-osm-wms" : {
       "name": "OSM WMS",
       "attributions": "<a href='https://www.openstreetmap.org/copyright' target='_blank'>© OpenStreetMap-contributors</a>"
+    },
+    "test_arcgisrest" : {
+      "name": "unità urbane",
+      "attributions": "<a href='https://www.padovanet.it' target='_blank'>© Comune di Padova</a>"
     }
   },
 

app-starter/static/app-conf.json

@@ -160,6 +160,27 @@
       "opacityControl": true,
       "crossOrigin": "anonymous"
     },
+
+    {
+      "type": "TILEARCGIS",
+      "lid": "test_arcgisrest",
+      "format": "image/jpeg",
+      "url": "https://cartografia.comune.padova.it/server/rest/services/topo/MapServer",
+      "params": {
+        "LAYERS":"show:3,16",
+        "TRANSPARENT": true
+      },
+      "transparent": true,
+      "projection": "EPSG:3003",
+      "attribution": "Comune di padova",
+      "isBaseLayer": false,
+      "visible": false,
+      "displayInLayerList": true,
+      "legend": false,
+      "opacityControl": true,
+      "crossOrigin": "anonymous"
+    },
+
     {
       "type": "IMAGEWMS",
       "lid": "ahocevar-imagewms",

src/factory/Layer.js

@@ -1,6 +1,7 @@
 import { Image as ImageLayer, Tile as TileLayer } from 'ol/layer';
 import ImageWMS from 'ol/source/ImageWMS';
 import TileWmsSource from 'ol/source/TileWMS';
+import TileArcGISRest from 'ol/source/TileArcGISRest.js';
 import OsmSource from 'ol/source/OSM';
 import VectorTileLayer from 'ol/layer/VectorTile'
 import VectorTileSource from 'ol/source/VectorTile'
@@ -63,6 +64,8 @@ export const LayerFactory = {
     // create correct layer type
     if (lConf.type === 'TILEWMS') {
       return this.createTileWmsLayer(lConf);
+    } else if (lConf.type === 'TILEARCGIS') {
+      return this.createTileArcGISRestLayer(lConf);
     } else if (lConf.type === 'IMAGEWMS') {
       return this.createImageWmsLayer(lConf);
     } else if (lConf.type === 'WFS') {
@@ -165,6 +168,31 @@ export const LayerFactory = {
     return layer;
   },
 
+  /**
+   * Returns an OpenLayers Tiled WMS layer instance due to given config.
+   *
+   * @param  {Object} lConf  Layer config object
+   * @return {ol.layer.Tile} OL Tiled WMS layer instance
+   */
+  createTileArcGISRestLayer (lConf) {
+    // apply additional HTTP params
+    const params = { LAYERS: lConf.layers };
+    ObjectUtil.mergeDeep(params, lConf.params);
+
+    const layer = new TileLayer({
+      ...this.getCommonLayerOptions(lConf),
+      source: new TileArcGISRest({
+        url: lConf.url,
+        params,
+        projection: lConf.projection,
+        crossOrigin: lConf.crossOrigin,
+        tileGrid: lConf.tileGrid
+      })
+    });
+
+    return layer;
+  },
+
   /**
    * Returns an OpenLayers WFS layer instance due to given config.
    *
@@ -199,7 +227,8 @@ export const LayerFactory = {
       format: new this.formatMapping[lConf.format](lConf.formatConfig),
       loader: (extent) => {
         // assemble WFS GetFeature request
-        let wfsRequest = lConf.url + '?service=WFS&' +
+        const pre = lConf.url.includes('?') ? '&' : '?'
+        let wfsRequest = lConf.url + pre + 'service=WFS&' +
           'version=' + lConf.version + '&request=GetFeature&' +
           'typename=' + lConf.typeName + '&' +
           'outputFormat=' + outputFormat + '&srsname=' + lConf.projection;