diff --git a/playground/pages/third-parties/google-maps/overlay-popup.vue b/playground/pages/third-parties/google-maps/overlay-popup.vue
new file mode 100644
index 00000000..b6865ea7
--- /dev/null
+++ b/playground/pages/third-parties/google-maps/overlay-popup.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const selected = ref<number | null>(null)
+
+const places = [
+  { id: 1, name: 'Sydney Opera House', desc: 'Iconic performing arts venue on Bennelong Point.', rating: 4.7, reviews: '82k', position: { lat: -33.8568, lng: 151.2153 } },
+  { id: 2, name: 'Harbour Bridge', desc: 'Steel arch bridge opened in 1932, connecting the CBD to the North Shore.', rating: 4.8, reviews: '41k', position: { lat: -33.8523, lng: 151.2108 } },
+  { id: 3, name: 'Bondi Beach', desc: 'Famous crescent beach popular with surfers and sunbathers.', rating: 4.6, reviews: '29k', position: { lat: -33.8908, lng: 151.2743 } },
+]
+</script>
+
+<template>
+  <div>
+    <h2 class="text-lg font-bold mb-2">
+      OverlayView Popup (click to toggle)
+    </h2>
+    <p class="mb-4 text-sm text-gray-600">
+      Click a marker to show a fully custom popup. Click again or press × to close. Uses v-if for multiple markers.
+    </p>
+    <ScriptGoogleMaps
+      :center="{ lat: -33.8688, lng: 151.2093 }"
+      :zoom="12"
+      :width="800"
+      :height="500"
+      above-the-fold
+      :map-options="{ mapId: 'DEMO_MAP_ID' }"
+    >
+      <ScriptGoogleMapsAdvancedMarkerElement
+        v-for="place in places"
+        :key="place.id"
+        :position="place.position"
+        @click="selected = selected === place.id ? null : place.id"
+      >
+        <ScriptGoogleMapsOverlayView
+          v-if="selected === place.id"
+          anchor="bottom-center"
+          :offset="{ x: 0, y: -50 }"
+        >
+          <div class="w-64 rounded-xl bg-white p-4 shadow-lg ring-1 ring-black/5">
+            <div class="flex items-start justify-between gap-2">
+              <h3 class="text-sm font-semibold text-gray-900">
+                {{ place.name }}
+              </h3>
+              <button
+                class="shrink-0 rounded-full p-0.5 text-gray-400 hover:bg-gray-100 hover:text-gray-600"
+                @click.stop="selected = null"
+              >
+                <svg xmlns="http://www.w3.org/2000/svg" class="size-4" viewBox="0 0 20 20" fill="currentColor">
+                  <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
+                </svg>
+              </button>
+            </div>
+            <div class="mt-1 flex items-center gap-1 text-xs text-gray-500">
+              <span class="font-medium text-yellow-500">★ {{ place.rating }}</span>
+              <span>({{ place.reviews }} reviews)</span>
+            </div>
+            <p class="mt-2 text-xs leading-relaxed text-gray-600">
+              {{ place.desc }}
+            </p>
+            <button class="mt-3 w-full rounded-lg bg-blue-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-blue-700">
+              View details
+            </button>
+          </div>
+        </ScriptGoogleMapsOverlayView>
+      </ScriptGoogleMapsAdvancedMarkerElement>
+    </ScriptGoogleMaps>
+  </div>
+</template>
diff --git a/playground/pages/third-parties/google-maps/styled.vue b/playground/pages/third-parties/google-maps/styled.vue
index 062a009f..0e6c33d5 100644
--- a/playground/pages/third-parties/google-maps/styled.vue
+++ b/playground/pages/third-parties/google-maps/styled.vue
@@ -16,30 +16,5 @@ const mapOptions = {
         :map-options="mapOptions"
       />
     </div>
-    <div class="button-container">
-      <button
-        class="button"
-        @click="changeQuery"
-      >
-        change query
-      </button>
-    </div>
   </div>
 </template>
-
-<style>
-.button-container {
-  margin: 20px 0;
-}
-
-.button {
-  background-color: orange;
-  border-radius: 8px;
-  padding: 4px 8px;
-  cursor: pointer;
-}
-
-.button:not(:last-child) {
-  margin-right: 8px;
-}
-</style>
diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
index 03f4d3b6..03285307 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue
@@ -334,7 +334,18 @@ const googleMaps = {
 
 defineExpose(googleMaps)
 
-provide(MAP_INJECTION_KEY, { map, mapsApi })
+// Shared InfoWindow group: only one InfoWindow open at a time within this map
+let activeInfoWindow: google.maps.InfoWindow | undefined
+provide(MAP_INJECTION_KEY, {
+  map,
+  mapsApi,
+  activateInfoWindow(iw: google.maps.InfoWindow) {
+    if (activeInfoWindow && activeInfoWindow !== iw) {
+      activeInfoWindow.close()
+    }
+    activeInfoWindow = iw
+  },
+})
 
 onMounted(() => {
   watch(ready, (v) => {
diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
index 166b730e..1012f592 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
@@ -14,32 +14,22 @@ const props = defineProps<{
   options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, 'map'>
 }>()
 
-const emit = defineEmits<{
-  (event: typeof eventsWithoutPayload[number]): void
-  (event: typeof eventsWithMapMouseEventPayload[number], payload: google.maps.MapMouseEvent): void
-}>()
-
-// AdvancedMarkerElement supported events only
-// See https://developers.google.com/maps/documentation/javascript/reference/advanced-markers
-const eventsWithoutPayload = [] as const
-
-const eventsWithMapMouseEventPayload = [
-  'click',
-  'drag',
-  'dragend',
-  'dragstart',
-] as const
-
+const emit = defineEmits(['click', 'drag', 'dragend', 'dragstart'])
+const dragEvents = ['drag', 'dragend', 'dragstart'] as const
 const slots = useSlots()
 const markerContent = useTemplateRef('marker-content')
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, undefined)
 
+// gmp-click handler for cleanup (AdvancedMarkerElement uses DOM gmp-click instead of Maps addListener click)
+let gmpClickHandler: ((e: any) => void) | undefined
+
 const advancedMarkerElement = useGoogleMapsResource<google.maps.marker.AdvancedMarkerElement>({
   ready: () => !slots.content || !!markerContent.value,
   async create({ mapsApi, map }) {
     await mapsApi.importLibrary('marker')
     const marker = new mapsApi.marker.AdvancedMarkerElement({
       ...props.options,
+      gmpClickable: true,
       ...(props.position ? { position: props.position } : {}),
     })
 
@@ -48,11 +38,6 @@ const advancedMarkerElement = useGoogleMapsResource<google.maps.marker.AdvancedM
       marker.content = markerContent.value
     }
 
-    bindGoogleMapsEvents(marker, emit, {
-      noPayload: eventsWithoutPayload,
-      withPayload: eventsWithMapMouseEventPayload,
-    })
-
     if (markerClustererContext?.markerClusterer.value) {
       markerClustererContext.markerClusterer.value.addMarker(marker, true)
       markerClustererContext.requestRerender()
@@ -60,9 +45,23 @@ const advancedMarkerElement = useGoogleMapsResource<google.maps.marker.AdvancedM
     else {
       marker.map = map
     }
+
+    // AdvancedMarkerElement: use gmp-click DOM event (addListener('click') is deprecated)
+    gmpClickHandler = (e: any) => emit('click', e)
+    marker.addEventListener('gmp-click', gmpClickHandler)
+
+    // Drag events still use Maps API addListener
+    bindGoogleMapsEvents(marker, emit, {
+      withPayload: dragEvents,
+    })
+
     return marker
   },
   cleanup(marker, { mapsApi }) {
+    if (gmpClickHandler) {
+      marker.removeEventListener('gmp-click', gmpClickHandler)
+      gmpClickHandler = undefined
+    }
     mapsApi.event.clearInstanceListeners(marker)
     if (markerClustererContext?.markerClusterer.value) {
       markerClustererContext.markerClusterer.value.removeMarker(marker, true)
diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue
index 8ac01a23..dd28540f 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { inject, useTemplateRef, watch } from 'vue'
 import { bindGoogleMapsEvents } from './bindGoogleMapsEvents'
-import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY, MARKER_INJECTION_KEY } from './injectionKeys'
+import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY, MAP_INJECTION_KEY, MARKER_INJECTION_KEY } from './injectionKeys'
 import { useGoogleMapsResource } from './useGoogleMapsResource'
 
 const props = defineProps<{
@@ -24,6 +24,7 @@ const infoWindowEvents = [
   'zindex_changed',
 ] as const
 
+const mapContext = inject(MAP_INJECTION_KEY, undefined)
 const markerContext = inject(MARKER_INJECTION_KEY, undefined)
 const advancedMarkerElementContext = inject(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, undefined)
 
@@ -31,6 +32,8 @@ const infoWindowContainer = useTemplateRef('info-window-container')
 
 // Track click listener on parent marker so it can be removed on cleanup
 let markerClickListener: google.maps.MapsEventListener | undefined
+let gmpClickHandler: ((e: any) => void) | undefined
+let isOpen = false
 
 const infoWindow = useGoogleMapsResource<google.maps.InfoWindow>({
   ready: () => !!infoWindowContainer.value,
@@ -40,27 +43,43 @@ const infoWindow = useGoogleMapsResource<google.maps.InfoWindow>({
       ...props.options,
     })
 
+    // Track open state for toggle behavior
+    iw.addListener('closeclick', () => {
+      isOpen = false
+    })
+    iw.addListener('close', () => {
+      isOpen = false
+    })
+
     bindGoogleMapsEvents(iw, emit, { noPayload: infoWindowEvents })
 
+    const toggleOpen = (anchor: any) => {
+      if (isOpen) {
+        iw.close()
+        isOpen = false
+      }
+      else {
+        mapContext?.activateInfoWindow(iw)
+        iw.open({ anchor, map })
+        isOpen = true
+      }
+    }
+
     if (markerContext?.marker.value) {
       markerClickListener = markerContext.marker.value.addListener('click', () => {
-        iw.open({
-          anchor: markerContext.marker.value,
-          map,
-        })
+        toggleOpen(markerContext.marker.value)
       })
     }
     else if (advancedMarkerElementContext?.advancedMarkerElement.value) {
-      markerClickListener = advancedMarkerElementContext.advancedMarkerElement.value.addListener('click', () => {
-        iw.open({
-          anchor: advancedMarkerElementContext.advancedMarkerElement.value,
-          map,
-        })
-      })
+      const ame = advancedMarkerElementContext.advancedMarkerElement.value
+      ame.gmpClickable = true
+      gmpClickHandler = () => toggleOpen(ame)
+      ame.addEventListener('gmp-click', gmpClickHandler)
     }
     else {
       iw.setPosition(props.options?.position)
       iw.open(map)
+      isOpen = true
     }
 
     return iw
@@ -68,8 +87,13 @@ const infoWindow = useGoogleMapsResource<google.maps.InfoWindow>({
   cleanup(iw, { mapsApi }) {
     markerClickListener?.remove()
     markerClickListener = undefined
+    if (gmpClickHandler && advancedMarkerElementContext?.advancedMarkerElement.value) {
+      advancedMarkerElementContext.advancedMarkerElement.value.removeEventListener('gmp-click', gmpClickHandler)
+      gmpClickHandler = undefined
+    }
     mapsApi.event.clearInstanceListeners(iw)
     iw.close()
+    isOpen = false
   },
 })
 
diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
index a649209e..820f5289 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue
@@ -23,7 +23,7 @@ const props = withDefaults(defineProps<{
   blockMapInteraction: true,
 })
 
-const open = defineModel<boolean>('open')
+const open = defineModel<boolean>('open', { default: undefined })
 
 const markerContext = inject(MARKER_INJECTION_KEY, undefined)
 const advancedMarkerElementContext = inject(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, undefined)
diff --git a/src/runtime/components/GoogleMaps/injectionKeys.ts b/src/runtime/components/GoogleMaps/injectionKeys.ts
index 65c3c16a..899dcc5d 100644
--- a/src/runtime/components/GoogleMaps/injectionKeys.ts
+++ b/src/runtime/components/GoogleMaps/injectionKeys.ts
@@ -3,6 +3,8 @@ import type { InjectionKey, Ref, ShallowRef } from 'vue'
 export const MAP_INJECTION_KEY = Symbol('map') as InjectionKey<{
   map: ShallowRef<google.maps.Map | undefined>
   mapsApi: Ref<typeof google.maps | undefined>
+  /** Close the previously active InfoWindow and register a new one as active */
+  activateInfoWindow: (iw: google.maps.InfoWindow) => void
 }>
 
 export const ADVANCED_MARKER_ELEMENT_INJECTION_KEY = Symbol('marker') as InjectionKey<{
diff --git a/test/unit/__mocks__/google-maps-api.ts b/test/unit/__mocks__/google-maps-api.ts
index 95a25b11..63aade89 100644
--- a/test/unit/__mocks__/google-maps-api.ts
+++ b/test/unit/__mocks__/google-maps-api.ts
@@ -13,7 +13,10 @@ export function createMockAdvancedMarkerElement() {
     map: null,
     content: null,
     position: null,
+    gmpClickable: false,
     addListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
   }
 }
 
diff --git a/test/unit/google-maps-regressions.test.ts b/test/unit/google-maps-regressions.test.ts
new file mode 100644
index 00000000..92c41545
--- /dev/null
+++ b/test/unit/google-maps-regressions.test.ts
@@ -0,0 +1,157 @@
+/**
+ * @vitest-environment happy-dom
+ *
+ * Regression tests for Google Maps component fixes.
+ */
+import { describe, expect, it, vi } from 'vitest'
+import { bindGoogleMapsEvents } from '../../src/runtime/components/GoogleMaps/bindGoogleMapsEvents'
+import { createMockAdvancedMarkerElement, createMockGoogleMapsAPIWithInstances, createMockInfoWindow } from './__mocks__/google-maps-api'
+
+describe('google Maps Regressions', () => {
+  describe('overlayView open model default', () => {
+    // Regression: defineModel<boolean>('open') casts missing prop to false via Vue boolean casting,
+    // causing draw() to hide the overlay even when v-model:open is not used.
+    // Fix: defineModel<boolean>('open', { default: undefined })
+    it('should treat missing open model as undefined, not false', async () => {
+      // Simulate the draw() condition that was broken
+      const openValue = undefined // what the model should be when not provided
+
+      // The old broken condition: open.value === false would incorrectly match
+      // when Vue cast the missing boolean prop to false
+      expect(openValue === false).toBe(false) // undefined !== false
+
+      // The fix ensures missing v-model:open stays undefined
+      const explicitlyFalse = false
+      expect(explicitlyFalse === false).toBe(true) // only explicit false should hide
+    })
+  })
+
+  describe('advancedMarkerElement click events', () => {
+    // Regression: addListener('click') on AdvancedMarkerElement is deprecated.
+    // Fix: use addEventListener('gmp-click') with gmpClickable: true
+    it('should use gmp-click DOM event instead of addListener click', () => {
+      const marker = createMockAdvancedMarkerElement()
+      const emit = vi.fn()
+
+      // Simulate what the component now does
+      marker.gmpClickable = true
+      const handler = (e: any) => emit('click', e)
+      marker.addEventListener('gmp-click', handler)
+
+      expect(marker.gmpClickable).toBe(true)
+      expect(marker.addEventListener).toHaveBeenCalledWith('gmp-click', handler)
+      // Should NOT use addListener for click
+      expect(marker.addListener).not.toHaveBeenCalledWith('click', expect.any(Function))
+    })
+
+    it('should still use addListener for drag events', () => {
+      const marker = createMockAdvancedMarkerElement()
+      const emit = vi.fn()
+      const dragEvents = ['drag', 'dragend', 'dragstart'] as const
+
+      bindGoogleMapsEvents(marker as any, emit, { withPayload: dragEvents })
+
+      dragEvents.forEach((event) => {
+        expect(marker.addListener).toHaveBeenCalledWith(event, expect.any(Function))
+      })
+    })
+
+    it('should clean up gmp-click listener on cleanup', () => {
+      const marker = createMockAdvancedMarkerElement()
+      const handler = vi.fn()
+
+      marker.addEventListener('gmp-click', handler)
+      marker.removeEventListener('gmp-click', handler)
+
+      expect(marker.removeEventListener).toHaveBeenCalledWith('gmp-click', handler)
+    })
+  })
+
+  describe('infoWindow toggle behavior', () => {
+    // Regression: clicking a marker with InfoWindow only opened it, never closed.
+    // Fix: track isOpen state and toggle on click.
+    it('should toggle open/close on repeated clicks', () => {
+      const infoWindow = createMockInfoWindow()
+      const mockMap = {}
+      const mockAnchor = {}
+      let isOpen = false
+
+      const toggleOpen = (anchor: any) => {
+        if (isOpen) {
+          infoWindow.close()
+          isOpen = false
+        }
+        else {
+          infoWindow.open({ anchor, map: mockMap })
+          isOpen = true
+        }
+      }
+
+      // First click: opens
+      toggleOpen(mockAnchor)
+      expect(infoWindow.open).toHaveBeenCalledTimes(1)
+      expect(isOpen).toBe(true)
+
+      // Second click: closes
+      toggleOpen(mockAnchor)
+      expect(infoWindow.close).toHaveBeenCalledTimes(1)
+      expect(isOpen).toBe(false)
+
+      // Third click: opens again
+      toggleOpen(mockAnchor)
+      expect(infoWindow.open).toHaveBeenCalledTimes(2)
+      expect(isOpen).toBe(true)
+    })
+  })
+
+  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.
+    it('should close previous InfoWindow when activating a new one', () => {
+      let activeInfoWindow: any
+
+      const activateInfoWindow = (iw: any) => {
+        if (activeInfoWindow && activeInfoWindow !== iw) {
+          activeInfoWindow.close()
+        }
+        activeInfoWindow = iw
+      }
+
+      const { MockInfoWindow } = createMockGoogleMapsAPIWithInstances()
+
+      const iw1 = new MockInfoWindow()
+      const iw2 = new MockInfoWindow()
+
+      // Activate first
+      activateInfoWindow(iw1)
+      expect(iw1.close).not.toHaveBeenCalled()
+
+      // Activate second: should close first
+      activateInfoWindow(iw2)
+      expect(iw1.close).toHaveBeenCalledTimes(1)
+      expect(iw2.close).not.toHaveBeenCalled()
+
+      // Activate first again: should close second
+      activateInfoWindow(iw1)
+      expect(iw2.close).toHaveBeenCalledTimes(1)
+    })
+
+    it('should not close itself when reactivated', () => {
+      let activeInfoWindow: any
+
+      const activateInfoWindow = (iw: any) => {
+        if (activeInfoWindow && activeInfoWindow !== iw) {
+          activeInfoWindow.close()
+        }
+        activeInfoWindow = iw
+      }
+
+      const iw = createMockInfoWindow()
+
+      activateInfoWindow(iw)
+      activateInfoWindow(iw)
+
+      expect(iw.close).not.toHaveBeenCalled()
+    })
+  })
+})