feat(map-maplibre): allow also tileMatrixPrefix of matrixSetOptions

Author: boeckMt

CHANGELOG.md

@@ -22,7 +22,7 @@
  - Fix use `l.continuousWorld` for `wrapX` in wmts options.
 
  * **@dlr-eoc/map-maplibre:**
- - Allow the usage of different coordinate reference systems in WMTS requests
+ - Allow the usage of different coordinate reference systems in WMTS requests. Use `WmtsLayer.params.matrixSetOptions.matrixSet`. and `WmtsLayer.params.matrixSetOptions.tileMatrixPrefix`
 
 
 # [16.0.0](https://github.com/dlr-eoc/ukis-frontend-libraries/tree/v16.0.0) (2026-05-29) (update dependencies, new library ngx-ukis-ui-clarity and ngx-ukis-utilities, replace core-ui)

projects/map-maplibre/src/lib/maplibre-layers.helpers.ts

@@ -40,17 +40,22 @@ export function createGetTileUrl(l: ukisWmtsLayer) {
     const baseurl = l.url;
     const properties = l.params;
     let matrix = 'EPSG:3857'; //default epsg for maplibre
+    let tileMatrixPrefix = matrix;
 
-    if(properties.matrixSetOptions && properties.matrixSetOptions.matrixSet){
-       matrix = properties.matrixSetOptions.matrixSet;
+    if (properties.matrixSetOptions) {
+        matrix = properties.matrixSetOptions.matrixSet;
+
+        if ('tileMatrixPrefix' in properties.matrixSetOptions && properties.matrixSetOptions.tileMatrixPrefix) {
+            tileMatrixPrefix = properties.matrixSetOptions.tileMatrixPrefix;
+        }
     }
 
     // https://github1s.com/openlayers/openlayers/blob/HEAD/src/ol/source/WMTS.js#L70-L71
 
     // https://tiles.geoservice.dlr.de/service/wmts?layer=eoc%3Abasemap&style=_empty&tilematrixset=EPSG%3A3857&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix=EPSG%3A3857%3A5&TileCol=18&TileRow=11
     // bbox={bbox-epsg-3857}&ratio={ratio}&quadkey={quadkey}&z={z}&x={x}&y={y}
-    let url = `${baseurl}?layer=${properties?.layer}&style=${properties.style}&tilematrixset=${matrix}&service=WMTS&version=${properties?.version || '1.0.0'}&request=GetTile&TileMatrix=${matrix}:{z}&TileCol={x}&TileRow={y}&format=${properties?.format || 'image/png'}`;
-    if(properties.time){
+    let url = `${baseurl}?layer=${properties?.layer}&style=${properties.style}&tilematrixset=${matrix}&service=WMTS&version=${properties?.version || '1.0.0'}&request=GetTile&TileMatrix=${tileMatrixPrefix}:{z}&TileCol={x}&TileRow={y}&format=${properties?.format || 'image/png'}`;
+    if (properties.time) {
         url += `&time=${properties.time}`
     }
     return url;