@masterportal/masterportalapi 2.55.0 → 2.56.0

package/.eslintrc

@@ -4,6 +4,7 @@
         "browser": true,
         "node": true,
         "es6": true,
+        "es2020": true,
         "jest": true
     },
     "globals": {

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 
  The [Semantic Versioning](https://semver.org/spec/v2.0.0.html) is used.
 
+## 2.56.0 - 2026-01-22
+
+### Changed
+- Terrain-Layer: Removed `this`, uses closures instead.
+
+### Fixed
+- VectorStyle: 
+    - Fixed styling of polygons: `"zig-line-horizontal"` and `"diagonal-right"` are rotated by 90°.
+    - Creating legend and capture event ensures working on EventTarget.
+
+---
 
 ## 2.55.0 - 2026-01-09
 

package/License.txt

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) 2018-2023 Freie und Hansestadt Hamburg, Landesbetrieb Geoinformation und Vermessung
+Copyright (c) 2018-2026 Freie und Hansestadt Hamburg, Landesbetrieb Geoinformation und Vermessung
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/example/index.js

@@ -305,7 +305,8 @@ document.getElementById("enable").addEventListener("click", function () {
         document.getElementById("layer-visibility").style.display = "block";
 
         load3DScriptModule.load3DScript(lib, function Loaded3DCallback () {
-            let tilesetLayer = null;
+            let tilesetLayer = null,
+                terrainLayer = null;
 
             const settings3D = {
                     map2D: window.mpapi.map2D,
@@ -335,8 +336,8 @@ document.getElementById("enable").addEventListener("click", function () {
             mpapi.entities.createLayer(rawLayerEntities, window.mpapi.map);
             mpapi.entities.setVisible(true, rawLayerEntities, window.mpapi.map);
 
-            mpapi.terrain.createLayer(rawLayerTerrain, window.mpapi.map);
-            mpapi.terrain.setVisible(true, rawLayerTerrain, window.mpapi.map);
+            terrainLayer = mpapi.terrain.createLayer(rawLayerTerrain, window.mpapi.map);
+            terrainLayer.setVisible(true, rawLayerTerrain, window.mpapi.map);
 
             window.mpapi.map.setEnabled(true);
         });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@masterportal/masterportalapi",
   "author": "Implementierungspartnerschaft Masterportal <info@masterportal.org> (https://www.masterportal.org)",
-  "version": "2.55.0",
+  "version": "2.56.0",
   "license": "MIT",
   "description": "Basic functions of the Masterportal as api",
   "repository": {

package/publiccode.yml

@@ -75,14 +75,14 @@ maintenance:
       affiliation:  Freie und Hansestadt Hamburg, Landesbetrieb Geoinformation und Vermessung
   contractors:
     - name: Landesbetrieb Geoinformation und Vermessung
-      until: '2025-12-01'
+      until: '2026-12-01'
       website: 'https://www.hamburg.de/bsw/landesbetrieb-geoinformation-und-vermessung/'
   type: community
 name: Masterportal
 platforms:
   - web
-releaseDate: '2026-01-09'
+releaseDate: '2026-01-22'
 roadmap: 'https://bitbucket.org/geowerkstatt-hamburg/masterportalapi/src/master/'
 softwareType: api
-softwareVersion: 2.55.0
+softwareVersion: 2.56.0
 url: 'https://bitbucket.org/geowerkstatt-hamburg/masterportalapi.git'

package/src/layer/terrain.js

@@ -3,7 +3,7 @@
  * @param {Object} rawLayer  attributes of the layer
  * @param {string} [rawLayer.url] - the URL of the Cesium terrain server
  * @param {string} [rawLayer.cesiumTerrainProviderOptions] - see https://cesiumjs.org/Cesium/Build/Documentation/CesiumTerrainProvider.html
- * @returns {void}
+ * @returns {Promise<Cesium.CesiumTerrainProvider>} the terrain provider
  */
 async function createTerrainProvider (rawLayer) {
     const options = {};
@@ -17,25 +17,6 @@ async function createTerrainProvider (rawLayer) {
     return terrainProvider;
 }
 
-/**
- * Sets the layers visibility by setting the terrain provider at Cesium scene.
- * @param {boolean} value  if true, terrainProvider is set to map and terrain will be visible
- * @param {Object} rawLayer  attributes of the layer
- * @param {string} [rawLayer.url] - the URL of the Cesium terrain server
- * @param {string} [rawLayer.cesiumTerrainProviderOptions] - see https://cesiumjs.org/Cesium/Build/Documentation/CesiumTerrainProvider.html
- * @param {OLCesium} map ol cesium map
- * @returns {void}
- */
-export async function setVisible (value, rawLayer, map) {
-    if (map && typeof map.getCesiumScene === "function") {
-        if (value) {
-            map.getCesiumScene().terrainProvider = await createTerrainProvider(rawLayer);
-        }
-        else {
-            map.getCesiumScene().terrainProvider = new Cesium.EllipsoidTerrainProvider({});
-        }
-    }
-}
 
 /**
  * Creates an terrain layer to use in ol-Cesium map.
@@ -46,21 +27,41 @@ export async function setVisible (value, rawLayer, map) {
  * @returns {Object} layer
  */
 export function createLayer (rawLayer) {
-    this.values = {
-        name: rawLayer.name,
-        id: rawLayer.id,
-        typ: rawLayer.typ
+    const layer = {
+        values: {
+            name: rawLayer.name,
+            id: rawLayer.id,
+            typ: rawLayer.typ
+        },
+        /**
+         * Returns the value for the given key of the rawlayer.
+         * @param {String} key to get the value for
+         * @returns {*} the value to the key
+         */
+        get (key) {
+            return this.values?.[key];
+        },
+        /**
+         * Sets the layers visibility by setting the terrain provider at Cesium scene.
+         * @param {boolean} value  if true, terrainProvider is set to map and terrain will be visible
+         * @param {Object} layerAttributes  attributes of the layer - the raw layer
+         * @param {string} [layerAttributes.url] - the URL of the Cesium terrain server
+         * @param {Object} [layerAttributes.cesiumTerrainProviderOptions] - see https://cesiumjs.org/Cesium/Build/Documentation/CesiumTerrainProvider.html
+         * @param {OLCesium} map ol cesium map
+         * @returns {void}
+         */
+        async setVisible (value, layerAttributes, map) {
+            if (map && typeof map.getCesiumScene === "function") {
+                if (value) {
+                    map.getCesiumScene().terrainProvider = await createTerrainProvider(layerAttributes);
+                }
+                else {
+                    map.getCesiumScene().terrainProvider = new Cesium.EllipsoidTerrainProvider({});
+                }
+            }
+        }
     };
-    return this;
-}
-/**
- * Returns the value for the given key of the rawlayer.
- * @param {String} key to get the value for
- * @returns {*} the value to the key
- */
-export function get (key) {
-    if (!this.values) {
-        return undefined;
-    }
-    return this.values[key];
+
+    return layer;
 }
+

package/src/maps/olcs/olcsMap.js

@@ -26,7 +26,7 @@ export function setCesiumSceneParams (scene, params) {
     }
 
     Object.entries(params).forEach(([key, value]) => {
-        if (["0", "1", "2", "heading", "tilt", "altitude"].includes(key)) {
+        if (["0", "1", "2", "heading", "tilt", "altitude", "pitch"].includes(key)) {
             return;
         }
 

package/src/vectorStyle/createStyle.js

@@ -211,7 +211,7 @@ function captureLegendFromFeature (styleId, legendInformation) {
         const event = new CustomEvent("legendCaptured");
 
         event.id = legend.id;
-        if (this) {
+        if (this instanceof EventTarget && typeof this.dispatchEvent === "function") {
             this.dispatchEvent(event);
         }
     }
@@ -277,14 +277,16 @@ async function returnLegendByStyleId (styleId) {
             resolve(legend);
         }
 
-        this.addEventListener("legendCaptured", event => {
-            if (event.id === styleId && event.id !== "default") {
-                resolve(legendsOfAllStyles.find(element => element.id === event.id));
-            }
-            else if (legend && legend.legendInformation.length === legendInformationLength) {
-                resolve(legendsOfAllStyles.find(element => element.id === event.id));
-            }
-        }, false);
+        if (this) {
+            this.addEventListener("legendCaptured", event => {
+                if (event.id === styleId && event.id !== "default") {
+                    resolve(legendsOfAllStyles.find(element => element.id === event.id));
+                }
+                else if (legend && legend.legendInformation.length === legendInformationLength) {
+                    resolve(legendsOfAllStyles.find(element => element.id === event.id));
+                }
+            }, false);
+        }
     });
 }
 

package/src/vectorStyle/styles/polygon/polygonStyleHatch.js

@@ -127,7 +127,7 @@ function rotateContextCenter (context, size, degrees = 90) {
     const halfSize = 0.5 * size;
 
     context.translate(halfSize, halfSize);
-    context.rotate(degrees * (Math.PI / 180));
+    context.rotate(degrees * Math.PI / 180);
     context.translate(-halfSize, -halfSize);
 }
 
@@ -146,13 +146,12 @@ export function drawHatch (context, size, pattern) {
     if (hatchDefinition) {
         const {draw, rotate} = hatchDefinition;
 
-        if (draw) {
-            draw.forEach(segment => drawSegment(context, size, segment));
-        }
-
         if (rotate) {
             rotateContextCenter(context, size, rotate);
         }
+        if (draw) {
+            draw.forEach(segment => drawSegment(context, size, segment));
+        }
     }
     else {
         console.error(`polygonStyleHatches: Unknown polygon style "${pattern}". Skipping hatching.`);