finds.dev← search

// the find

visgl/react-google-maps

★ 1,881 · TypeScript · MIT · updated Jun 2026

React components and hooks for the Google Maps JavaScript API

Official React wrapper for the Google Maps JavaScript API, maintained under the vis.gl umbrella (same org as deck.gl). Covers the full surface of the Maps JS API — 2D maps, AdvancedMarkers, geometry overlays, the newer photorealistic 3D maps, and the Places UI Kit web components. If you're building a Google Maps integration in React and don't want to wrangle the imperative Maps JS API yourself, this is the right starting point.

The `useMapsLibrary()` hook is genuinely well-designed — it handles dynamic library loading and returns null until ready, which means you can write idiomatic React without fighting the script-loading lifecycle. AdvancedMarker support lets you drop arbitrary React trees into map pins without hacks. The deck.gl integration guide and examples are first-class, which matters if you're building data-heavy visualizations. TypeScript types cover the web component custom elements (`gmp-*`), which Google's own types have historically been slow to ship.

Under 2k stars for a library this broadly useful suggests it hasn't become the community standard — `@react-google-maps/api` still has a much larger install base, which means fewer Stack Overflow answers when things break. No built-in clustering component; you wire up supercluster yourself, as the examples show. The legacy `<Marker>` component is explicitly deprecated in favor of `<AdvancedMarker>`, but that requires a mapId, which adds friction for simple use cases. The 3D map support (`Map3D`, `Marker3D`) is still early — the API is labeled next-gen but availability and billing implications aren't well-documented in this library's own docs.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →