Summary
MapView renders one MarkerF per user with no clustering (src/components/LocationMap.jsx). At 100+ members in a single metro the map becomes unreadable. Use MarkerClusterer from @react-google-maps/api (already a dependency) to group nearby pins.
Proposed Approach
- Wrap the otherUsers markers in
<MarkerClusterer>.
- Keep the current user's own marker outside the cluster so it always stays visible.
- Style the cluster bubbles to use the brand gold (
theme.palette.primary.main).
- Test with the existing dev data plus a synthetic 100-user dataset.
Acceptance Criteria
Summary
MapViewrenders oneMarkerFper user with no clustering (src/components/LocationMap.jsx). At 100+ members in a single metro the map becomes unreadable. UseMarkerClustererfrom@react-google-maps/api(already a dependency) to group nearby pins.Proposed Approach
<MarkerClusterer>.theme.palette.primary.main).Acceptance Criteria