https://github.com/JustFly1984/react-google-maps-api

React Google Maps API
https://github.com/JustFly1984/react-google-maps-api

gatsby google-map google-map-react google-maps google-maps-api google-maps-javascript google-maps-javascript-api google-maps-react react react-google-map react-google-map-example react-google-maps react-google-maps-api

Last synced: about 1 month ago
JSON representation

React Google Maps API

• Host: GitHub
• URL: https://github.com/JustFly1984/react-google-maps-api
• Owner: JustFly1984
• License: mit
• Created: 2018-11-25T02:53:55.000Z (over 6 years ago)
• Default Branch: develop
• Last Pushed: 2025-02-11T05:53:07.000Z (2 months ago)
• Last Synced: 2025-03-10T11:42:19.070Z (about 1 month ago)
• Topics: gatsby, google-map, google-map-react, google-maps, google-maps-api, google-maps-javascript, google-maps-javascript-api, google-maps-react, react, react-google-map, react-google-map-example, react-google-maps, react-google-maps-api
• Language: TypeScript
• Homepage:
• Size: 23.8 MB
• Stars: 1,877
• Watchers: 24
• Forks: 457
• Open Issues: 204
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• jimsghstars - JustFly1984/react-google-maps-api - React Google Maps API (TypeScript)

README

        


![logo](https://raw.githubusercontent.com/JustFly1984/react-google-maps-api/master/logo.png)

# @react-google-maps organization root

You can donate or became a sponsor [https://opencollective.com/react-google-maps-api#category-CONTRIBUTE](https://opencollective.com/react-google-maps-api#category-CONTRIBUTE)

[![npm package](https://img.shields.io/npm/v/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)

[![npm downloads](https://img.shields.io/npm/dt/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)

[![npm bundle size](https://img.shields.io/bundlephobia/min/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)

[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-google-maps)



## README

For API README please navigate to [https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api](https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api)

or [https://react-google-maps-api-docs.netlify.app](https://react-google-maps-api-docs.netlify.app)

## For Maintainers

Join our [Slack channel](https://join.slack.com/t/react-google-maps-api/shared_invite/enQtODc5ODU1NTY5MzQ4LTBiNTYzZmY1YmVjYzJhZThkMGU0YzUwZjJkNGJmYjk4YjQyYjZhMDk2YThlZGEzNDc0M2RhNjBmMWE4ZTJiMjQ)

## For Developers and Contributors

### Requirements

- basic git, JavaScript, React knowledge

- Google Maps API Key from [Google Cloud Console](https://console.cloud.google.com)

- git

- node

- yarn

### To develop locally

Fork original repo at . Clone your fork to local directory of your choice, install dependencies, set up your API Key, and start storybook server. Following commands should do the job:

- `git clone https://github.com/YOUR_USER_NAME/react-google-maps-api.git` - clone your fork

`

- `cd react-google-maps-api` - move to newly created folder

- `cp .storybook/example.maps.config.ts .storybook/maps.config.ts` - create file with API Key

- `yarn install` - install dependencies

- `yarn bootstrap` - setup workspace

- `yarn storybook` - run storybook server

Any changes you make to src folders of contained packages should reflect on the storybook server.

### To contribute

Create a feature/fix branch on your own fork and make pull request towards develop branch of the original repo.

You can donate or became a sponsor [https://opencollective.com/react-google-maps-api#category-CONTRIBUTE](https://opencollective.com/react-google-maps-api#category-CONTRIBUTE)