Fix: loading oneway arrows on multiple layers; fix nullpointer

src/Models/ThemeConfig/PointRenderingConfig.ts

@@ -312,7 +312,7 @@ export default class PointRenderingConfig extends WithContextLoader {
                 if (cssLabel) {
                     label.SetStyle(cssLabel)
                 } else if (labelOnly) {
-                    return label.SetStyle("transform: translate(-50%, -50%);")
+                    return label?.SetStyle("transform: translate(-50%, -50%);")
                 }
                 return new Combine([label]).SetClass("flex flex-col items-center")
             })

src/UI/Map/ShowDataLayer.ts

@@ -235,17 +235,26 @@ class LineRenderingLayer {
         map.on("styledata", () => self.update(features.features))
     }
 
-    private addSymbolLayer(sourceId: string, url: string = "./assets/png/oneway.png"){
+    private async addSymbolLayer(sourceId: string, url: string = "./assets/png/oneway.png") {
         const map = this._map
         const imgId = url.replaceAll(/[/.-]/g, "_")
-        map.loadImage(url, (err, image) => {
+
-            if (err) {
+        if (map.getImage(imgId) === undefined) {
-                console.error("Could not add symbol layer to line due to", err);
+            await new Promise<void>((resolve, reject) => {
-                return
+                map.loadImage(url, (err, image) => {
-            }
+                    if (err) {
-            map.addImage(imgId, image);
+                        console.error("Could not add symbol layer to line due to", err)
-            map.addLayer({
+                        reject(err)
-                'id': "symbol-layer"+imgId,
+                        return
+                    }
+                    map.addImage(imgId, image)
+                    resolve()
+                })
+            })
+        }
+
+        map.addLayer({
+            "id": "symbol-layer_" + this._layername + "-" + imgId,
                 'type': 'symbol',
                 'source': sourceId,
                 'layout': {
@@ -259,7 +268,7 @@ class LineRenderingLayer {
                     'visibility': 'visible'
                 }
             });
-        });
+
     }
 
     public destruct(): void {