From b1eb3fc355ffb2ea65e0aa883b1ddf89f2b4e530 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 29 Sep 2025 11:42:53 +0200
Subject: [PATCH 1/5] Drop comment

---
 components/src/maplibre/Map/Map.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/src/maplibre/Map/Map.svelte b/components/src/maplibre/Map/Map.svelte
index 3c9478ff..ac10013e 100644
--- a/components/src/maplibre/Map/Map.svelte
+++ b/components/src/maplibre/Map/Map.svelte
@@ -88,7 +88,7 @@
 			minZoom,
 			maxZoom,
 			bearing,
-			attributionControl: false, // Added via component
+			attributionControl: false,
 			center: [initialLocation.lng, initialLocation.lat],
 			zoom: initialLocation.zoom,
 			pitch: initialLocation.pitch,

From 971fd21bd7bc3b95d597f91a05ff07d83b47f0f3 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 29 Sep 2025 11:57:01 +0200
Subject: [PATCH 2/5] Block out feature

---
 components/src/maplibre/Map/Map.stories.svelte | 10 ++++++++++
 components/src/maplibre/Map/Map.svelte         | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/components/src/maplibre/Map/Map.stories.svelte b/components/src/maplibre/Map/Map.stories.svelte
index 5cc19876..3aa0868b 100644
--- a/components/src/maplibre/Map/Map.stories.svelte
+++ b/components/src/maplibre/Map/Map.stories.svelte
@@ -167,6 +167,16 @@
 		</DesignTokens>
 	</div>
 </Story>
+<Story asChild name="initialBounds">
+	<div class="container">
+		<DesignTokens theme="light">
+			<Map showDebug style={SWRDataLabLight()} initialBounds={[5.87, 47.27, 15.04, 55.06]}>
+				<ScaleControl />
+				<AttributionControl />
+			</Map>
+		</DesignTokens>
+	</div>
+</Story>
 
 <Story asChild name="Alternate Style">
 	<div class="container dark">
diff --git a/components/src/maplibre/Map/Map.svelte b/components/src/maplibre/Map/Map.svelte
index ac10013e..68473772 100644
--- a/components/src/maplibre/Map/Map.svelte
+++ b/components/src/maplibre/Map/Map.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import maplibre, {
+		type LngLatBoundsLike,
 		type MapLibreEvent,
 		type ProjectionSpecification,
 		type StyleSpecification
@@ -12,6 +13,11 @@
 
 	interface MapProps {
 		style?: StyleSpecification | string;
+		/**
+		 * The initial bounds of the map. If specified, it overrides initialLocation.
+		 */
+		initialBounds?: LngLatBoundsLike;
+		maxBounds?: LngLatBoundsLike;
 		initialLocation?: Location;
 		allowRotation?: boolean;
 		allowZoom?: boolean;
@@ -55,6 +61,8 @@
 		allowZoom = true,
 		showDebug = false,
 		cursor,
+		initialBounds,
+		maxBounds,
 		initialLocation: receivedInitialLocation,
 		// Future: This should become bindable.readonly when that becomes
 		// available, see: https://github.com/sveltejs/svelte/issues/7712
@@ -90,6 +98,8 @@
 			bearing,
 			attributionControl: false,
 			center: [initialLocation.lng, initialLocation.lat],
+			bounds: initialBounds || null,
+			maxBounds: maxBounds || null,
 			zoom: initialLocation.zoom,
 			pitch: initialLocation.pitch,
 			cooperativeGestures,

From 9c8f44cb78be7b95d3c6076936f3e58e97fdd3e8 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 29 Sep 2025 12:06:32 +0200
Subject: [PATCH 3/5] Iterate docs

---
 components/src/maplibre/Map/Map.stories.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/src/maplibre/Map/Map.stories.svelte b/components/src/maplibre/Map/Map.stories.svelte
index 3aa0868b..622c9c7c 100644
--- a/components/src/maplibre/Map/Map.stories.svelte
+++ b/components/src/maplibre/Map/Map.stories.svelte
@@ -170,7 +170,7 @@
 <Story asChild name="initialBounds">
 	<div class="container">
 		<DesignTokens theme="light">
-			<Map showDebug style={SWRDataLabLight()} initialBounds={[5.87, 47.27, 15.04, 55.06]}>
+			<Map showDebug style={SWRDataLabLight()} initialBounds={[5.87, 47.1, 15.04, 55.1]}>
 				<ScaleControl />
 				<AttributionControl />
 			</Map>
@@ -181,7 +181,7 @@
 <Story asChild name="Alternate Style">
 	<div class="container dark">
 		<DesignTokens theme="dark">
-			<Map style={alternateStyle}>
+			<Map style={alternateStyle} initialBounds={[5.87, 47.27, 15.04, 55.06]}>
 				<ScaleControl />
 				<AttributionControl />
 				<NavigationControl showCompass visualizePitch />

From 419332b4ac9d756cc7508ee21b476c6103ea5e51 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 29 Sep 2025 12:10:57 +0200
Subject: [PATCH 4/5] Simplify story

---
 components/src/maplibre/Map/Map.stories.svelte | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/components/src/maplibre/Map/Map.stories.svelte b/components/src/maplibre/Map/Map.stories.svelte
index 622c9c7c..853569d0 100644
--- a/components/src/maplibre/Map/Map.stories.svelte
+++ b/components/src/maplibre/Map/Map.stories.svelte
@@ -73,7 +73,6 @@
 			<Map style={SWRDataLabLight()}>
 				<ScaleControl />
 				<AttributionControl />
-				<NavigationControl showCompass visualizePitch />
 				<GeocoderControl languages="de" service="maptiler" key="V32kPHZjMa0Mkn6YvSzA" />
 			</Map>
 		</DesignTokens>
@@ -161,7 +160,6 @@
 			>
 				<ScaleControl />
 				<AttributionControl />
-				<NavigationControl />
 			</Map>
 			<div class="placeholder">Placeholder</div>
 		</DesignTokens>
@@ -179,12 +177,11 @@
 </Story>
 
 <Story asChild name="Alternate Style">
-	<div class="container dark">
+	<div class="container">
 		<DesignTokens theme="dark">
 			<Map style={alternateStyle} initialBounds={[5.87, 47.27, 15.04, 55.06]}>
 				<ScaleControl />
 				<AttributionControl />
-				<NavigationControl showCompass visualizePitch />
 				<GeocoderControl languages="de" service="maptiler" key="V32kPHZjMa0Mkn6YvSzA" />
 			</Map>
 		</DesignTokens>
@@ -196,9 +193,6 @@
 		width: 100%;
 		height: 600px;
 	}
-	.dark {
-		color: rgb(230, 230, 230);
-	}
 	.placeholder {
 		height: 500px;
 		background: var(--gray-light-5);

From 15c2e558d14f41461e4fdb7bd39f35a87cf3f4ff Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 29 Sep 2025 12:17:36 +0200
Subject: [PATCH 5/5] Fix test

---
 components/src/maplibre/Map/Map.stories.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/src/maplibre/Map/Map.stories.svelte b/components/src/maplibre/Map/Map.stories.svelte
index 853569d0..00d58d88 100644
--- a/components/src/maplibre/Map/Map.stories.svelte
+++ b/components/src/maplibre/Map/Map.stories.svelte
@@ -73,6 +73,7 @@
 			<Map style={SWRDataLabLight()}>
 				<ScaleControl />
 				<AttributionControl />
+				<NavigationControl showCompass visualizePitch />
 				<GeocoderControl languages="de" service="maptiler" key="V32kPHZjMa0Mkn6YvSzA" />
 			</Map>
 		</DesignTokens>