Params wmts (#11824)

tha-nordiq · web-flow · commit 603f9a080706 · 2025-12-17T15:28:46.000+01:00
diff --git a/web/client/components/map/openlayers/__tests__/Layer-test.jsx b/web/client/components/map/openlayers/__tests__/Layer-test.jsx
@@ -1016,6 +1016,41 @@ describe('Openlayers layer', () => {
         expect(map.getLayers().getLength()).toBe(1);
         expect(map.getLayers().item(0).getSource().urls.length).toBe(2);
     });
+
+    it('allows wmts url-parameters to be added to url', () => {
+        var options = {
+            "type": "wmts",
+            "visibility": true,
+            "name": "nurc:Arc_Sample",
+            "group": "Meteo",
+            "format": "image/png",
+            "params": {
+                "myparam1": "myvalue1",
+                "myparam2": "myvalue2"
+            },
+            "tileMatrixSet": [
+                {
+                    "TileMatrix": [],
+                    "ows:Identifier": "EPSG:900913",
+                    "ows:SupportedCRS": "urn:ogc:def:crs:EPSG::900913"
+                }
+            ],
+            "url": ["http://sample.server/geoserver/gwc/service/wmts"]
+        };
+        // create layer
+        var layer = ReactDOM.render(
+            <OpenlayersLayer type="wmts"
+                options={options} map={map}/>, document.getElementById("container"));
+
+
+        expect(layer).toBeTruthy();
+        // count layers
+        expect(map.getLayers().getLength()).toBe(1);
+        const url = map.getLayers().item(0).getSource().urls[0];
+        expect(url.includes('myparam1=myvalue1')).toBe(true);
+        expect(url.includes('myparam2=myvalue2')).toBe(true);
+    });
+
     it('test correct wms origin', () => {
         var options = {
             "type": "wms",
diff --git a/web/client/components/map/openlayers/plugins/WMTSLayer.js b/web/client/components/map/openlayers/plugins/WMTSLayer.js
@@ -119,7 +119,7 @@ const createLayer = options => {
     // the extent has effect to the tile ranges
     // we should skip the extent if the layer does not provide bounding box
     let extent = layerExtent && getIntersection(layerExtent, projection.getExtent());
-    const queryParameters = {};
+    const queryParameters = options.params ? options.params : {};
     urls.forEach(url => addAuthenticationParameter(url, queryParameters, options.securityToken));
     const queryParametersString = urlParser.format({ query: { ...queryParameters } });
 
