// the find
google-map-react/google-map-react
Google map library for react that allows rendering components as markers :tada:
A React wrapper that lets you place arbitrary React components as map markers on Google Maps, handling the coordinate-to-pixel math and hover detection internally. Predates the era of @react-google-maps/api and filled a real gap when it was written. Today it's a mature but aging library with a thin maintenance bench.
SSR support is genuine — the component calculates marker positions without needing the Maps API loaded, so markers render on the server without flicker. The custom hover algorithm handles overlapping markers at low zoom levels better than CSS :hover alone. API surface is minimal: you drop lat/lng props on any child and it works, no special marker component required. The escape hatch via onGoogleApiLoaded gives you raw access to the map and maps objects when you need to do something the abstraction doesn't cover.
Effectively unmaintained — the README says they're 'looking for contributors' and the last meaningful activity is years old despite the February 2026 push date. No TypeScript types in the package itself; the community @types/google-map-react definitions lag behind and are incomplete. The internal marker positioning is done entirely in JavaScript on every render, which becomes a real performance problem at a few hundred markers — the 'thousands of markers' example is a workaround, not a solution. The newer @react-google-maps/api wraps the official Maps JS API more faithfully and has active maintainers; for a greenfield project there's no reason to start here.