fix mounting and destroying issues

website/src/lib/components/toolbar/tools/routing/Routing.svelte

@@ -54,15 +54,14 @@
 				if (selectedItem && selectedItem.getFileId() === fileId) {
 					selectedItem = null;
 				}
+			} else if ($map !== controls.map) {
+				controls.updateMap($map);
 			}
 		});
 		// add controls for new files
 		$fileObservers.forEach((file, fileId) => {
 			if (!routingControls.has(fileId)) {
-				routingControls.set(
-					fileId,
-					new RoutingControls(get(map), fileId, file, popup, popupElement)
-				);
+				routingControls.set(fileId, new RoutingControls($map, fileId, file, popup, popupElement));
 			}
 		});
 	}
@@ -92,6 +91,9 @@
 
 	onDestroy(() => {
 		$map?.off('click', createFileWithPoint);
+
+		routingControls.forEach((controls) => controls.destroy());
+		routingControls.clear();
 	});
 </script>
 

website/src/lib/components/toolbar/tools/routing/RoutingControls.ts

@@ -135,6 +135,10 @@ export class RoutingControls {
         this.fileUnsubscribe();
     }
 
+    updateMap(map: mapboxgl.Map) {
+        this.map = map;
+    }
+
     createAnchor(point: TrackPoint, segment: TrackSegment, trackIndex: number, segmentIndex: number): AnchorWithMarker {
         let element = document.createElement('div');
         element.className = `h-3 w-3 rounded-full bg-white border-2 border-black cursor-pointer`;