diff --git a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
index d7e67fd4d..5ae811fb5 100644
--- a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
+++ b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
@@ -308,6 +308,15 @@ onMounted(() => {
       if (isLocationQuery(center) && ready.value) {
         center = await resolveQueryToLatLng(center as string)
       }
+      // Skip setCenter if the map is already at the same position to avoid
+      // resetting user pan interactions on unrelated re-renders.
+      const current = map.value!.getCenter()
+      if (current) {
+        const newLat = typeof (center as any).lat === 'function' ? (center as any).lat() : (center as any).lat
+        const newLng = typeof (center as any).lng === 'function' ? (center as any).lng() : (center as any).lng
+        if (current.lat() === newLat && current.lng() === newLng)
+          return
+      }
       map.value!.setCenter(center as google.maps.LatLng)
     }
   }, {
diff --git a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue
index 5ea8d52cd..5b2a982f5 100644
--- a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue
+++ b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { inject, provide, useSlots, useTemplateRef, watch } from 'vue'
-import { MARKER_CLUSTERER_INJECTION_KEY } from './ScriptGoogleMapsMarkerClusterer.vue'
+import { MARKER_CLUSTERER_INJECTION_KEY } from './types'
 import { bindGoogleMapsEvents, MARKER_INJECTION_KEY, useGoogleMapsResource } from './useGoogleMapsResource'
 
 export { MARKER_INJECTION_KEY } from './useGoogleMapsResource'
diff --git a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
index 310916afc..550d87e5f 100644
--- a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
+++ b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue
@@ -1,48 +1,11 @@
 <script lang="ts">
-import type { InjectionKey, ShallowRef } from 'vue'
+import type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions } from './types'
 import { getCurrentInstance, h, inject, onBeforeUnmount, provide, shallowRef, useSlots, render as vueRender, watch } from 'vue'
+import { MARKER_CLUSTERER_INJECTION_KEY } from './types'
 import { bindGoogleMapsEvents, MAP_INJECTION_KEY, useGoogleMapsResource } from './useGoogleMapsResource'
 
-// Inline types to avoid requiring @googlemaps/markerclusterer as a build-time dependency
-export interface MarkerClustererInstance {
-  render: () => void
-  setMap: (map: google.maps.Map | null) => void
-  addListener: (event: string, handler: () => void) => void
-  addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void
-  removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean
-}
-
-export interface MarkerClustererOptions {
-  markers?: google.maps.marker.AdvancedMarkerElement[]
-  algorithm?: unknown
-  renderer?: unknown
-  onClusterClick?: unknown
-}
-
-export interface Cluster {
-  marker: google.maps.marker.AdvancedMarkerElement
-  markers?: google.maps.marker.AdvancedMarkerElement[]
-  position: google.maps.LatLng
-  bounds: google.maps.LatLngBounds | undefined
-  count: number
-}
-
-export interface ClusterStats {
-  markers: { sum: number }
-  clusters: {
-    count: number
-    markers: { min: number, max: number, mean: number, sum: number }
-  }
-}
-
-export interface MarkerClustererContext {
-  markerClusterer: ShallowRef<MarkerClustererInstance | undefined>
-  requestRerender: () => void
-  /** Increments after each clustering cycle; watch to detect cluster membership changes */
-  clusteringVersion: ShallowRef<number>
-}
-
-export const MARKER_CLUSTERER_INJECTION_KEY = Symbol('marker-clusterer') as InjectionKey<MarkerClustererContext>
+export type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions }
+export { MARKER_CLUSTERER_INJECTION_KEY }
 </script>
 
 <script setup lang="ts">
diff --git a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
index e988f2c3b..ff96595b9 100644
--- a/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
+++ b/packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, inject, ref, useTemplateRef, watch } from 'vue'
-import { MARKER_CLUSTERER_INJECTION_KEY } from './ScriptGoogleMapsMarkerClusterer.vue'
+import { MARKER_CLUSTERER_INJECTION_KEY } from './types'
 import { MARKER_INJECTION_KEY, useGoogleMapsResource } from './useGoogleMapsResource'
 
 type OverlayAnchor = 'center' | 'top-left' | 'top-center' | 'top-right'
diff --git a/packages/script/src/runtime/components/GoogleMaps/types.ts b/packages/script/src/runtime/components/GoogleMaps/types.ts
new file mode 100644
index 000000000..73189eb17
--- /dev/null
+++ b/packages/script/src/runtime/components/GoogleMaps/types.ts
@@ -0,0 +1,42 @@
+/// <reference types="google.maps" />
+import type { InjectionKey, ShallowRef } from 'vue'
+
+export interface MarkerClustererInstance {
+  render: () => void
+  setMap: (map: google.maps.Map | null) => void
+  addListener: (event: string, handler: () => void) => void
+  addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void
+  removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean
+}
+
+export interface MarkerClustererOptions {
+  markers?: google.maps.marker.AdvancedMarkerElement[]
+  algorithm?: unknown
+  renderer?: unknown
+  onClusterClick?: unknown
+}
+
+export interface Cluster {
+  marker: google.maps.marker.AdvancedMarkerElement
+  markers?: google.maps.marker.AdvancedMarkerElement[]
+  position: google.maps.LatLng
+  bounds: google.maps.LatLngBounds | undefined
+  count: number
+}
+
+export interface ClusterStats {
+  markers: { sum: number }
+  clusters: {
+    count: number
+    markers: { min: number, max: number, mean: number, sum: number }
+  }
+}
+
+export interface MarkerClustererContext {
+  markerClusterer: ShallowRef<MarkerClustererInstance | undefined>
+  requestRerender: () => void
+  /** Increments after each clustering cycle; watch to detect cluster membership changes */
+  clusteringVersion: ShallowRef<number>
+}
+
+export const MARKER_CLUSTERER_INJECTION_KEY = Symbol('marker-clusterer') as InjectionKey<MarkerClustererContext>
diff --git a/packages/script/src/runtime/types.ts b/packages/script/src/runtime/types.ts
index 6784a27dd..9cd282bfc 100644
--- a/packages/script/src/runtime/types.ts
+++ b/packages/script/src/runtime/types.ts
@@ -44,6 +44,10 @@ import type { XPixelInput } from './registry/x-pixel'
 import type { YouTubePlayerInput } from './registry/youtube-player'
 import type { ProxyPrivacyInput } from './server/utils/privacy'
 
+// Google Maps component types (re-exported for easy user access)
+export type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions } from './components/GoogleMaps/types'
+export { MARKER_CLUSTERER_INJECTION_KEY } from './components/GoogleMaps/types'
+
 export type WarmupStrategy = false | 'preload' | 'preconnect' | 'dns-prefetch'
 
 export type UseScriptContext<T extends Record<symbol | string, any>> = VueScriptInstance<T> & {
diff --git a/test/unit/google-maps-regressions.test.ts b/test/unit/google-maps-regressions.test.ts
index 74287c5f1..73938a9fe 100644
--- a/test/unit/google-maps-regressions.test.ts
+++ b/test/unit/google-maps-regressions.test.ts
@@ -399,6 +399,59 @@ describe('google Maps Regressions', () => {
     })
   })
 
+  describe('center watcher should skip setCenter when lat/lng unchanged', () => {
+    // Regression: when mapOptions is a plain (non-reactive) object, the `options`
+    // computed re-evaluates on any re-render (defu creates a new object ref),
+    // firing the center watcher even though lat/lng are identical. This resets the
+    // user's pan position.
+    // Fix: compare new center lat/lng against map.getCenter() before calling setCenter.
+
+    function applyCenterUpdate(
+      map: ReturnType<typeof createMockMap>,
+      newCenter: { lat: number, lng: number } | { lat: () => number, lng: () => number },
+    ) {
+      const current = map.getCenter()
+      if (current) {
+        const newLat = typeof (newCenter as any).lat === 'function' ? (newCenter as any).lat() : (newCenter as any).lat
+        const newLng = typeof (newCenter as any).lng === 'function' ? (newCenter as any).lng() : (newCenter as any).lng
+        if (current.lat() === newLat && current.lng() === newLng)
+          return
+      }
+      map.setCenter(newCenter)
+    }
+
+    it('should skip setCenter when lat/lng are unchanged', () => {
+      const map = createMockMap()
+      // Mock getCenter returns { lat: () => 40, lng: () => -74 }
+      map.getCenter.mockReturnValue({ lat: () => 40, lng: () => -74 })
+
+      // Same coordinates as current position — should NOT call setCenter
+      applyCenterUpdate(map, { lat: 40, lng: -74 })
+
+      expect(map.setCenter).not.toHaveBeenCalled()
+    })
+
+    it('should call setCenter when lat/lng actually change', () => {
+      const map = createMockMap()
+      map.getCenter.mockReturnValue({ lat: () => 40, lng: () => -74 })
+
+      // Different coordinates — should call setCenter
+      applyCenterUpdate(map, { lat: 41, lng: -73 })
+
+      expect(map.setCenter).toHaveBeenCalledWith({ lat: 41, lng: -73 })
+    })
+
+    it('should handle LatLng objects with function accessors', () => {
+      const map = createMockMap()
+      map.getCenter.mockReturnValue({ lat: () => 40, lng: () => -74 })
+
+      // Same coordinates via function accessors — should NOT call setCenter
+      applyCenterUpdate(map, { lat: () => 40, lng: () => -74 } as any)
+
+      expect(map.setCenter).not.toHaveBeenCalled()
+    })
+  })
+
   describe('infoWindow group close', () => {
     // Regression: opening a new InfoWindow didn't close the previous one.
     // Fix: shared activateInfoWindow on MAP_INJECTION_KEY closes the previous.