google-map-react/google-map-react

Health v2 · maintenance only

Adoption not part of the score

6477 stars · 852 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A React component library wrapping a subset of the Google Maps API that lets you render arbitrary React components as map markers. It supports isomorphic (server-side) rendering and can position components even before the Google Maps API loads.

Use cases

• render react components as google map markers
• add a google map to a react app
• build interactive map with hoverable custom markers
• server-side render a google map in react
• show list of locations synced with map markers
• display custom tooltips and balloons on map pins

When to choose

• you use React and want custom animated components as markers instead of default Google markers
• you need isomorphic/SSR rendering of maps
• you want hover interactions on every map object with a tweakable hover algorithm
• you need markers positioned before the Google Maps API finishes loading

When to avoid

• you use Vue, Svelte, or another non-React framework
• you need map providers other than Google Maps
• you want a fully managed high-level mapping solution with built-in clustering and routing
• your project cannot use the Google Maps API or its billing/key requirements

Facets

library · maturity stable

ui-components frontend-framework web-development frontend browser google-maps react-component isomorphic markers geolocation maps nodejs javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="google-map-react/google-map-react")