From 864fe3d0d648a70b215651eafbc942ac6d25d4f5 Mon Sep 17 00:00:00 2001
From: Zack Pollard <zack@futo.org>
Date: Tue, 17 Jun 2025 12:45:48 +0100
Subject: [PATCH] fix: disable map fly animation when switching between assets
 (#19223)

---
 web/src/lib/components/shared-components/map/map.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/shared-components/map/map.svelte b/web/src/lib/components/shared-components/map/map.svelte
index 0c8094a1a1..af9604b680 100644
--- a/web/src/lib/components/shared-components/map/map.svelte
+++ b/web/src/lib/components/shared-components/map/map.svelte
@@ -74,6 +74,8 @@
     showSimpleControls = true,
   }: Props = $props();
 
+  const initialCenter = center;
+
   let map: maplibregl.Map | undefined = $state();
   let marker: maplibregl.Marker | null = null;
   let abortController: AbortController;
@@ -247,6 +249,10 @@
       },
     });
   });
+
+  $effect(() => {
+    map?.jumpTo({ center, zoom });
+  });
 </script>
 
 <!--  We handle style loading ourselves so we set style blank here -->
@@ -254,8 +260,8 @@
   {hash}
   style=""
   class="h-full {rounded ? 'rounded-2xl' : 'rounded-none'}"
-  {center}
   {zoom}
+  center={initialCenter}
   attributionControl={false}
   diffStyleUpdates={true}
   onload={(event) => {