From aa5a35b15f51aedbd210ac0570b1f78f9287b9af Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Thu, 16 Apr 2026 02:47:11 +0000
Subject: [PATCH] Create option to use satellite imagery

Useful for looking at pools
---
 ts/components/MapLocator.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ts/components/MapLocator.vue b/ts/components/MapLocator.vue
index bafbee84..a1de3400 100644
--- a/ts/components/MapLocator.vue
+++ b/ts/components/MapLocator.vue
@@ -180,10 +180,12 @@ interface Props {
 	initialCamera?: Camera;
 	modelValue: Camera;
 	markers?: Marker[];
+	useSatellite?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
 	markers: () => [],
+	useSatellite: false,
 });
 
 const emit = defineEmits<Emits>();
@@ -227,9 +229,13 @@ function deactivateMap() {
 function initializeMap() {
 	if (!mapContainer.value) return;
 
+	let style = "https://tiles.stadiamaps.com/styles/alidade_smooth.json";
+	if (props.useSatellite) {
+		style = "https://tiles.stadiamaps.com/styles/alidade_satellite.json";
+	}
 	const _map = new maplibregl.Map({
 		container: mapContainer.value,
-		style: "https://tiles.stadiamaps.com/styles/alidade_smooth.json",
+		style: style,
 		// Disable interactions by default
 		doubleClickZoom: false,
 		dragPan: false,