From 83cd3fd987f5461501011b2e3d6800509d771225 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Mon, 8 Jul 2024 16:21:19 +0200
Subject: [PATCH] fix custom controls mounting

---
 website/src/lib/components/Map.svelte           |  9 ++++++++-
 .../custom-control/CustomControl.svelte         | 17 +----------------
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/website/src/lib/components/Map.svelte b/website/src/lib/components/Map.svelte
index fda9b27b..cbad5bba 100644
--- a/website/src/lib/components/Map.svelte
+++ b/website/src/lib/components/Map.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
+	import { onDestroy, onMount } from 'svelte';
 
 	import mapboxgl from 'mapbox-gl';
 	import 'mapbox-gl/dist/mapbox-gl.css';
@@ -115,6 +115,13 @@
 		});
 	});
 
+	onDestroy(() => {
+		if ($map) {
+			$map.remove();
+			$map = null;
+		}
+	});
+
 	$: if (
 		$map &&
 		(!$verticalFileView || !$elevationProfile || $bottomPanelSize || $rightPanelSize)
diff --git a/website/src/lib/components/custom-control/CustomControl.svelte b/website/src/lib/components/custom-control/CustomControl.svelte
index 0f37556a..40c7cf78 100644
--- a/website/src/lib/components/custom-control/CustomControl.svelte
+++ b/website/src/lib/components/custom-control/CustomControl.svelte
@@ -1,32 +1,17 @@
-<script lang="ts" context="module">
-	import { writable } from 'svelte/store';
-
-	let currentId = 0;
-
-	function getId() {
-		return currentId++;
-	}
-
-	let lastInitializedId = writable(-1);
-</script>
-
 <script lang="ts">
 	import CustomControl from './CustomControl';
-
 	import { map } from '$lib/stores';
 
 	export let position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' = 'top-right';
 
 	let container: HTMLDivElement | null = null;
-	let id = getId();
 
-	$: if ($map && container && $lastInitializedId + 1 === id) {
+	$: if ($map && container) {
 		if (position.includes('right')) container.classList.add('float-right');
 		else container.classList.add('float-left');
 		container.classList.remove('hidden');
 		let control = new CustomControl(container);
 		$map.addControl(control, position);
-		lastInitializedId.set(id);
 	}
 </script>