Merge branch 'main' into julee/fixes

api/maps/AddMarkers.tsx

@@ -31,7 +31,7 @@ export default function AddMarker({
       document.title = 'ACE NY';
     }
   };
-
+  /*
   function euclideanDistance(point1: number[], point2: number[]): number {
     const [x1, y1] = point1;
     const [x2, y2] = point2;
@@ -89,7 +89,7 @@ export default function AddMarker({
     }
     return mapZoom;
   };
-
+*/
   const clusterer = useMemo(() => {
     if (!map) return null;
 
@@ -110,9 +110,25 @@ export default function AddMarker({
       },
     };
 
-    const setClusterer = new MarkerClusterer({ map, renderer });
+    const clusterHandler = (
+      event: google.maps.MapMouseEvent,
+      cluster: Cluster,
+      map: google.maps.Map,
+    ) => {
+      if (event.latLng) {
+        const mapZoom = (map.getZoom() ?? 0) + 3;
+        map.setCenter(event.latLng);
+        map.setZoom(mapZoom);
+      }
+    };
 
-    setClusterer.addListener('click', function (cluster: Cluster) {
+    const setClusterer = new MarkerClusterer({
+      map,
+      renderer,
+      onClusterClick: clusterHandler,
+    });
+
+    /*setClusterer.addListener('click', function (cluster: Cluster) {
       const mapZoom = map.getZoom() ?? 0;
       const minZoom = getMinZoom(cluster, mapZoom);
 
@@ -122,7 +138,7 @@ export default function AddMarker({
           idleListener.remove();
         });
       }
-    });
+    });*/
 
     return setClusterer;
   }, [map]);