Map: Pan to center of markers on load for UX

WordPress · Nov 20, 2023 · 711ed97 · 711ed97
1 parent 09bd2a1
commit 711ed97
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/mu-plugins/blocks/google-map/src/components/map.js b/mu-plugins/blocks/google-map/src/components/map.js
@@ -74,6 +74,12 @@ export default function Map( { apiKey, markers: rawMarkers, icon } ) {
 			icon
 		);
 
+		panToCenter(
+			combinedMarkers.map( ( marker ) => marker.markerRef ),
+			googleMap.current,
+			googleMapsApi.current
+		);
+
 		setLoaded( true );
 	}, [] );