remember active overlays

website/src/lib/components/layer-control/LayerControl.svelte

@@ -29,7 +29,7 @@
 		});
 	}
 
-	$: if ($map) {
+	$: if ($map && $currentOverlays) {
 		// Add or remove overlay layers depending on the current overlays
 		let overlayLayers = getLayers($currentOverlays);
 		Object.keys(overlayLayers).forEach((id) => {
@@ -109,12 +109,14 @@
 				</div>
 				<Separator class="w-full" />
 				<div class="p-2">
-					<LayerTree
-						layerTree={$selectedOverlayTree}
-						name="overlays"
-						multiple={true}
-						bind:checked={$currentOverlays}
-					/>
+					{#if $currentOverlays}
+						<LayerTree
+							layerTree={$selectedOverlayTree}
+							name="overlays"
+							multiple={true}
+							bind:checked={$currentOverlays}
+						/>
+					{/if}
 				</div>
 				<Separator class="w-full" />
 				<div class="p-2">

website/src/lib/components/layer-control/LayerTreeNode.svelte

@@ -17,6 +17,8 @@
 	export let multiple: boolean = false;
 
 	export let open: CollapsedInfoTreeType<boolean>;
+	export let checked: LayerTreeType;
+
 	if (!Array.isArray(node)) {
 		Object.keys(node).forEach((id) => {
 			if (!open.children.hasOwnProperty(id)) {
@@ -27,8 +29,6 @@
 			}
 		});
 	}
-
-	export let checked: LayerTreeType;
 	Object.keys(node).forEach((id) => {
 		if (!checked.hasOwnProperty(id)) {
 			if (typeof node[id] == 'boolean') {