React Google Maps API
Build interactive maps with declarative React components and hooks. Full TypeScript support, React 19 compatible, and SSR friendly.
Quick Start
Install the package and start building interactive maps in minutes.Installation
Install via npm, yarn, or bun and set up your API key
Quickstart Guide
Create your first map in under 5 minutes
TypeScript Support
Complete type definitions included out of the box
SSR & Frameworks
Works seamlessly with Next.js, Remix, and more
Key Features
Everything you need to build powerful map experiences.Hooks API
Modern hooks like
useJsApiLoader and useGoogleMap for cleaner codeTypeScript
Full TypeScript support with complete type definitions
React 19
Compatible with React 16.8+ through React 19
Tree-Shakeable
Optimized bundle size - only include what you use
50+ Components
Comprehensive library of maps, markers, overlays, and services
SSR Ready
Server-side rendering support for modern frameworks
Core Components
Explore the main building blocks of your map application.GoogleMap
The foundation component that renders your interactive map
Markers
Add markers to highlight locations on your map
Drawing Tools
Enable users to draw shapes, polygons, and polylines
Marker Clustering
Efficiently display large numbers of markers
Places API
Integrate autocomplete and search functionality
Directions
Display routes and turn-by-turn directions
Popular Use Cases
See what you can build with React Google Maps API.Store Locators
Help users find nearby locations with search and markers
Delivery Tracking
Real-time tracking with live marker updates
Property Maps
Display real estate listings with custom info windows
Route Planning
Plan and visualize multi-stop routes
Resources
API Reference
Complete API documentation for all components and hooks
Migration Guide
Upgrade from v2 to v3 with our detailed guide
GitHub Repository
View source code, report issues, and contribute
Examples
Real-world code examples and patterns