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
Best way to use google maps with React?
Have you tried Mapbox? More on reddit.com
19
33
March 25, 2023Which 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, 2022Videos
- YouTube
10:17
How to Add or Embed a Google Map Location in React JS : A Beginner's ...
32:50
How to use Google Maps API with React including Directions and ...
02:08
How to Add Google Map in React JS - YouTube
25:20
Build a Google Maps React App with Autocomplete, Markers, and Route ...
How to show directions on a map in React
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 181 users
Languages TypeScript 91.4% | JavaScript 6.9%
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: 10 months ago. Start using google-map-react in your project by running `npm i google-map-react`. There are 375 other projects ...
» npm install google-map-react
Published May 23, 2025
Version 2.2.5
Author istarkov https://github.com/istarkov
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.
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%
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 502 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
Author Alexey Lyakhov
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....
GitHub
github.com › google-map-react
Google Map React · GitHub
Google Map React has 3 repositories available. Follow their code on GitHub.
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.
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.
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.
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.
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.
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.
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 ...
Reddit
reddit.com › r/reactjs › best way to use google maps with react?
r/reactjs on Reddit: Best way to use google maps with React?
March 25, 2023 -
I´ve tried a lot of libraries before, but got disappointed with many of them.
What do you guys use / recommend?
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.