React Map GL
visgl.github.io › react-google-maps
Home | React Google Maps
Use a Google map as a fully controlled reactive component and use all the other features of the Google Maps JavaScript API.
Google
developers.google.com › google maps platform › web › maps javascript api › add a google map to a react app
Add a Google map to a React app | Maps JavaScript API | Google for Developers
You learn how to get set up, load the Maps JavaScript API, display your first map, work with markers and marker clustering, draw on the map, and handle user interaction. Note: vis.gl/react-google-map uses Google Maps Platform services. Use of Google Maps Platform services through this library ...
reactjs - Difference between google-map-react and react-google-maps - Stack Overflow
There are two most popular react abstraction of google maps API(judging by the weekly npm downloads and github repo stars). For a beginner like me, it is very confusing as I am not able to decide w... More on stackoverflow.com
Which Google Maps React library to choose: react-google-maps or google-map-react? Anybody have any experience with this?
https://reddit.com/r/react/comments/o9m2ca/what_is_the_best_npm_package_for_the_google_map/ if you haven’t found this already.
More on reddit.com 3
9
July 19, 2021Google maps alternative for react
Mapbox. https://www.mapbox.com/pricing#maps More on reddit.com
34
7
October 11, 2022Google map react
Do you have a link to the npm or repo? There are a couple Google map packages. More on reddit.com
2
2
July 29, 2022Videos
How to show directions on a map in React
- YouTube
10:17
How to Add or Embed a Google Map Location in React JS : A Beginner's ...
02:08
How to Add Google Map in React JS - YouTube
32:50
How to use Google Maps API with React including Directions and ...
25:20
Build a Google Maps React App with Autocomplete, Markers, and Route ...
npm
npmjs.com › package › google-map-react
google-map-react - npm
May 23, 2025 - Isomorphic component that allows rendering react components on a google map. Latest version: 2.2.5, last published: a year ago. Start using google-map-react in your project by running `npm i google-map-react`. There are 375 other projects in ...
» npm install google-map-react
Published May 23, 2025
Version 2.2.5
GitHub
github.com › visgl › react-google-maps
GitHub - visgl/react-google-maps: React components and hooks for the Google Maps JavaScript API · GitHub
It comes with a collection of React components to create maps, markers, infowindows, geometry overlays (circles, polylines, polygons), and photorealistic 3D maps, as well as a set of hooks to use some of the Maps JavaScript API Services and Libraries. This library is available on npm as @vis.gl/react-google-maps.
Starred by 1.9K users
Forked by 183 users
Languages TypeScript 91.4% | JavaScript 6.9%
Google Maps Platform
mapsplatform.google.com › google maps platform › resources › blog › introducing react components for the maps javascript api
Introducing React components for the Maps JavaScript API – Google Maps Platform
November 2, 2023 - Building off of that initial support, today we’re announcing the alpha release of @vis.gl/react-google-maps, the first Google-sponsored library for integrating Maps JavaScript API components in a React web app.
npm
npmjs.com › package › @react-google-maps › api
react-google-maps/api
React.js Google Maps API integration. Latest version: 2.20.8, last published: 4 months ago. Start using @react-google-maps/api in your project by running `npm i @react-google-maps/api`. There are 505 other projects in the npm registry using @react-google-maps/api.
» npm install @react-google-maps/api
Published Dec 16, 2025
Version 2.20.8
GitHub
github.com › google-map-react › google-map-react
GitHub - google-map-react/google-map-react: Google map library for react that allows rendering components as markers :tada: · GitHub
Google map library for react that allows rendering components as markers :tada: - google-map-react/google-map-react
Starred by 6.5K users
Forked by 856 users
Languages JavaScript 97.7% | HTML 1.8% | CSS 0.5%
LogRocket
blog.logrocket.com › home › integrating google maps with react
Integrating Google Maps with React - LogRocket Blog
June 4, 2024 - Popular travel apps like TripAdvisor and Citymapper have successfully integrated offline maps, allowing users to explore cities, find attractions, and navigate without needing constant connectivity. You can add this feature to a React application using the Google Maps API’s offline functionality
React Map GL
visgl.github.io › component
<Map> Component | React Google Maps
React component to render a Google map. It can be placed as a child
Google Maps Platform
mapsplatform.google.com › resources › blog › google-maps-platform-graduates-react-integration-library-to-1-0
Google Maps Platform Graduates React Integration Library to 1.0 – Google Maps Platform
May 14, 2024 - We're excited to announce the official ... to alpha, in November of 2023, this library is aimed at empowering React.js developers to effortlessly build rich geospatial experiences....
CodeSandbox
codesandbox.io › examples › package › react-google-maps
react-google-maps examples - CodeSandbox
Use this online react-google-maps playground to view and fork react-google-maps example apps and templates on CodeSandbox.
GitHub
github.com › google-map-react
Google Map React · GitHub
Google Map React has 3 repositories available. Follow their code on GitHub.
Google
developers.google.com › google maps platform › web › maps javascript api › react google maps library - place autocomplete
React Google Maps Library - Place Autocomplete | Maps JavaScript API | Google for Developers
It leverages the vis.gl/react-google-maps library, providing React components for interacting with the Google Maps JavaScript API.
npm
npmjs.com › package › google-maps-react
google-maps-react - npm
April 21, 2020 - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
» npm install google-maps-react
Published Apr 21, 2020
Version 2.0.6
Author Fullstack.io
React Map GL
visgl.github.io › introduction
Introduction | React Google Maps
@vis.gl/react-google-maps provides a reactive wrapper for the Google Maps JavaScript API while still leaving the map instance in charge of state updates.
Medium
medium.com › @masonlynass › using-react-google-maps-advancedmarkers-and-implementing-google-maps-javascript-api-features-7a9ffc2655c4
Using React-Google-Maps, AdvancedMarkers, and implementing Google Maps JavaScript API features in the Better Bathroom Bureau website | by Mason Lynass | Medium
July 1, 2024 - The react-wrapper package uses the js-api-loader package to load the Google Maps JavaScript API, but allows for more streamlined implementation and customization of React components.
Google
developers.google.com › google maps platform › web › maps javascript api › react google maps library - basic map
React Google Maps Library - Basic Map | Maps JavaScript API | Google for Developers
The vis.gl/react-google-maps library provides React components and hooks for integrating the Google Maps JavaScript API, but it's important to note it is open source and not officially supported by Google.
Medium
medium.com › scalereal › integration-of-google-maps-with-react-part-1-86c075ab452a
Integration of Google Maps with React | Part 1 | by Prathamesh Gunde | ScaleReal | Medium
October 6, 2023 - There are libraries available which built on top of Google Maps JavaScript API to integrate Google Maps with React applications. After trying out different libraries finally, we decided to go ahead with the react-google-maps/api.
Scaler
scaler.com › topics › react › google-map-react
Integrate Google Maps with React - Scaler Topics
March 29, 2023 - Google Maps React is a component that allows developers to easily integrate Google Maps into their React applications. This component provides a convenient way to use the Google Maps JavaScript API in a React application, making it easy to customize ...
Top answer 1 of 2
10
Be carefull, react-google-maps project is unmaintained more than a year, see
https://github.com/tomchentw/react-google-maps/issues/986
They suggest to look at @react-google-maps/api but it is quite a young project and doesn't have a lot of stars on GitHub yet.
I personally like google-map-react which is still under (quite active) development.
2 of 2
2
I found the google-maps-react documentation a bit confusing because it utilizes a HOC, compose, to simplify the map. For those new to React, it might be easier to start without compose.
react-google-maps, a package that essentially provides a React component wrapper for the Google Maps API. react-google-maps allows users to use the full functionality of Google Maps Javascript API.