TypeScript icon, indicating that this package has built-in type declarations

9.8.0 • Public • Published


A fork of react-google-maps for displaying and interacting with Google Maps in React applications


Add the @syncromatics/react-google-maps package to your project:

With yarn:

yarn add @syncromatics/react-google-maps

With npm:

npm install --save @syncromatics/react-google-maps

Then use it to display maps:

import { GoogleMap, Marker } from "@syncromatics/react-google-maps"

const MyMapComponent = (props) =>
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
    {props.isMarkerShown && <Marker position={{ lat: -34.397, lng: 150.644 }} />}

// Uses of MyMapComponent
<MyMapComponent isMarkerShown />// Map with a Marker
<MyMapComponent isMarkerShown={false} />// Just only Map

Continue reading the documentation for more interactive examples of interactions with Google Maps.

Getting Help

The documentation has examples of how to use each component. Many people have asked and answered questions on StackOverflow. (Some things may be general Google Maps issues, for which there are lots of questions and answers as well.)


Travis npm devDependency Status

Install dependencies:


Run React Styleguidist, a hot-reloading interactive local website:

yarn styleguide

Once the styleguide is running, visit http://localhost:6060 and start coding! (Note, you should probably get an API key with the Google Maps API enabled, then update constants.js.)

Learn more in our contributor's guide.

Code of Conduct

We are committed to fostering an open and welcoming environment. Please read our code of conduct before participating in or contributing to this project.


We welcome contributions and collaboration on this project. Please read our contributor's guide to understand how best to work with us.

License and Authors

GMV Syncromatics Engineering logo GMV Syncromatics Engineering

license GitHub contributors

This software is made available by Tom Chen under the MIT license and this fork is maintained by GMV Syncromatics Engineering.

Package Sidebar


npm i @syncromatics/react-google-maps

Weekly Downloads






Unpacked Size

525 kB

Total Files


Last publish


  • glenwperry