feat(stores): location stores

src/lib/components/lnv/FullscreenMap.svelte

@@ -8,7 +8,6 @@
 		routing,
 	} from "$lib/services/navigation/routing.svelte";
 	import { location } from "./location.svelte";
-	import { saved } from "$lib/saved.svelte";
 	import RoutingLayers from "$lib/services/navigation/RoutingLayers.svelte";
 	import {
 		getPMTilesURL,
@@ -20,6 +19,7 @@
 	import HazardMarker from "./HazardMarker.svelte";
 	import { hazards } from "./hazards.svelte";
 	import RequiresCapability from "./RequiresCapability.svelte";
+	import MapLocationMarkers from "./MapLocationMarkers.svelte";
 
 	onMount(() => {
 		window.addEventListener("resize", map.updateMapPadding);
@@ -28,9 +28,6 @@
 
 	let locationDot: HTMLDivElement | undefined = $state();
 	let locationAccuracyCircle: HTMLDivElement | undefined = $state();
-	let homeMarker: HTMLImageElement | undefined = $state();
-	let workMarker: HTMLImageElement | undefined = $state();
-	let schoolMarker: HTMLImageElement | undefined = $state();
 
 	const DEBUG_POINTS = false; // Set to true to show debug points on the map
 </script>
@@ -137,51 +134,7 @@
 		/>
 	{/if}
 
-	{#if saved.home}
-		<img
-			src={map.zoom > 9 ? "/img/saved/home.png" : "/img/saved/small.png"}
-			alt="Home Marker"
-			bind:this={homeMarker}
-			style="width: 32px;"
-		/>
-		<Marker
-			lnglat={{
-				lat: saved.home.lat,
-				lng: saved.home.lon,
-			}}
-			element={homeMarker}
-		/>
-	{/if}
-	{#if saved.school}
-		<img
-			src={map.zoom > 9 ? "/img/saved/school.png" : "/img/saved/small.png"}
-			alt="School Marker"
-			bind:this={schoolMarker}
-			style="width: 32px;"
-		/>
-		<Marker
-			lnglat={{
-				lat: saved.school.lat,
-				lng: saved.school.lon,
-			}}
-			element={schoolMarker}
-		/>
-	{/if}
-	{#if saved.work}
-		<img
-			src={map.zoom > 9 ? "/img/saved/work.png" : "/img/saved/small.png"}
-			alt="Work Marker"
-			bind:this={workMarker}
-			style="width: 32px;"
-		/>
-		<Marker
-			lnglat={{
-				lat: saved.work.lat,
-				lng: saved.work.lon,
-			}}
-			element={workMarker}
-		/>
-	{/if}
+	<MapLocationMarkers />
 
 	<RequiresCapability capability="hazards">
 		{#each hazards as hazard (hazard.latitude + "-" + hazard.longitude)}