From 18e603e8dd6b37fc66ac9e3f7ca371f3504aaef7 Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Thu, 19 Mar 2026 22:02:53 +1100
Subject: [PATCH] fix(google-maps): use noDraw flag in AdvancedMarkerElement
 clusterer operations

Without noDraw:true, each addMarker/removeMarker call triggered a full
re-clustering cycle. With ~2k markers this caused ~10s load times and
console warning spam from clusteringbegin/clusteringend events.

Resolves #652
---
 .../GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue b/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
index 499a0c2c..b13fd3a4 100644
--- a/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
+++ b/src/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue
@@ -52,7 +52,8 @@ const advancedMarkerElement = useGoogleMapsResource<google.maps.marker.AdvancedM
     const marker = new mapsApi.marker.AdvancedMarkerElement(props.options)
     setupEventListeners(marker)
     if (markerClustererContext?.markerClusterer.value) {
-      markerClustererContext.markerClusterer.value.addMarker(marker)
+      markerClustererContext.markerClusterer.value.addMarker(marker, true)
+      markerClustererContext.requestRerender()
     }
     else {
       marker.map = map
@@ -62,7 +63,8 @@ const advancedMarkerElement = useGoogleMapsResource<google.maps.marker.AdvancedM
   cleanup(marker, { mapsApi }) {
     mapsApi.event.clearInstanceListeners(marker)
     if (markerClustererContext?.markerClusterer.value) {
-      markerClustererContext.markerClusterer.value.removeMarker(marker)
+      markerClustererContext.markerClusterer.value.removeMarker(marker, true)
+      markerClustererContext.requestRerender()
     }
     else {
       marker.map = null