# react-google-maps > React.js Google Maps integration component Latest version **9.4.5** (published 2018-01-05) · MIT license · 0 weekly downloads ## Install ```sh npm install react-google-maps pnpm add react-google-maps yarn add react-google-maps bun add react-google-maps ``` ## Health **Score 25/100 (F)** — status: abandoned. Positive: has types; no vulnerabilities; high quality score. Warnings: low downloads; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 9.4.5 | | Published | 2018-01-05 | | First published | 2014-11-19 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | CommonJS | | Dependencies | 11 | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 4625 | | Author | tomchentw | | Maintainers | tomchentw | | Keywords | React, Google, Map, react-component, recompose, hoc, addons/InfoBox, addons/MarkerClusterer, Circle, DirectionsRenderer, drawing/DrawingManager, FusionTablesLayer, GoogleMap, InfoWindow, KmlLayer, Marker, OverlayView, places/SearchBox, Polygon, Polyline, Rectangle, StreetViewPanorama, TrafficLayer, visualization/HeatmapLayer, withGoogleMap, withScriptjs | ## Links - npm: https://www.npmjs.com/package/react-google-maps - Repository: https://github.com/tomchentw/react-google-maps - Homepage: https://tomchentw.github.io/react-google-maps/ - Issues: https://github.com/tomchentw/react-google-maps/issues - npm.io page: https://npm.io/package/react-google-maps ## Dependencies (11) - [lodash](https://npm.io/package/lodash.md) ^4.16.2 - [warning](https://npm.io/package/warning.md) ^3.0.0 - [scriptjs](https://npm.io/package/scriptjs.md) ^2.5.8 - [invariant](https://npm.io/package/invariant.md) ^2.2.1 - [recompose](https://npm.io/package/recompose.md) ^0.26.0 - [prop-types](https://npm.io/package/prop-types.md) ^15.5.8 - [can-use-dom](https://npm.io/package/can-use-dom.md) ^0.1.0 - [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.11.6 - [markerwithlabel](https://npm.io/package/markerwithlabel.md) ^2.0.1 - [google-maps-infobox](https://npm.io/package/google-maps-infobox.md) ^2.0.0 - [marker-clusterer-plus](https://npm.io/package/marker-clusterer-plus.md) ^2.1.4 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 9.4.5 (latest) — 2018-01-05 - 7.1.0 (next) — 2017-07-06 - 9.4.4 — 2018-01-04 - 9.4.3 — 2017-12-14 - 9.4.2 — 2017-12-06 - 9.4.1 — 2017-11-26 - 9.4.0 — 2017-11-25 - 9.3.0 — 2017-11-24 - 9.2.3 — 2017-11-24 - 9.2.2 — 2017-11-03 - 9.2.1 — 2017-10-27 - 9.2.0 — 2017-10-26 - 9.1.0 — 2017-10-26 - 9.0.3 — 2017-10-26 - 9.0.2 — 2017-10-23 - … 84 more at https://npm.io/package/react-google-maps/versions ## README # react-google-maps > React.js Google Maps integration component [![Version][npm-image]][npm-url] [![Travis CI][travis-image]][travis-url] [![Quality][codeclimate-image]][codeclimate-url] [![Coverage][codeclimate-coverage-image]][codeclimate-coverage-url] [![Dependencies][gemnasium-image]][gemnasium-url] [![Gitter][gitter-image]][gitter-url] ## [Introduction](https://tomchentw.github.io/react-google-maps/#introduction) ## [Installation](https://tomchentw.github.io/react-google-maps/#installation) ## [Usage & Configuration](https://tomchentw.github.io/react-google-maps/#usage--configuration) ## [Changelog][changelog-url] The changelog is automatically generated via [standard-version][standard-version] and can be found in project root as well as npm tarball. ## [Demo App][demo-app-url] * [Source code][demo-app-source] * [CodeSandbox](https://codesandbox.io/s/2xyw6n4o9y) ## Getting Help **Before doing this, did you**: 1. Read the [documentation](https://tomchentw.github.io/react-google-maps) 2. Read the [source code](https://github.com/tomchentw/react-google-maps) _You can get someone's help in three ways_: 1. Ask on StackOverflow [with a google-maps tag](https://stackoverflow.com/questions/tagged/google-maps?sort=votes&pageSize=50) or [use react-google-maps as a keyword](https://stackoverflow.com/search?q=react-google-maps) 2. Ask in [the chat room][gitter-url] 3. Create a Pull Request with your solutions to your problem Please, be noted, **no one**, I mean, **no one**, is obligated to help you in **ANY** means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse. ## For contributors
Some simple guidelines * **Don't** manually modify `lib` folder. They're generated during `yarn release` process * Follow [conventional-commits-specification][conventional-commits-specification] * [standard-version][standard-version] * Auto generated: `src/macros` -> `src/components` -> `lib/components` * Other components are manually maintained * Use `yarn` and keep `yarn.lock` updated in PR * Discuss! Discuss! Discuss!
[npm-image]: https://img.shields.io/npm/v/react-google-maps.svg?style=flat-square [npm-url]: https://www.npmjs.org/package/react-google-maps [travis-image]: https://img.shields.io/travis/tomchentw/react-google-maps.svg?style=flat-square [travis-url]: https://travis-ci.org/tomchentw/react-google-maps [codeclimate-image]: https://img.shields.io/codeclimate/github/tomchentw/react-google-maps.svg?style=flat-square [codeclimate-url]: https://codeclimate.com/github/tomchentw/react-google-maps [codeclimate-coverage-image]: https://img.shields.io/codeclimate/coverage/github/tomchentw/react-google-maps.svg?style=flat-square [codeclimate-coverage-url]: https://codeclimate.com/github/tomchentw/react-google-maps [gemnasium-image]: https://img.shields.io/gemnasium/tomchentw/react-google-maps.svg?style=flat-square [gemnasium-url]: https://gemnasium.com/tomchentw/react-google-maps [gitter-image]: https://badges.gitter.im/Join%20Chat.svg [gitter-url]: https://gitter.im/tomchentw/react-google-maps?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge [changelog-url]: https://github.com/tomchentw/react-google-maps/blob/master/CHANGELOG.md [demo-app-url]: https://tomchentw.github.io/#/demos/react-google-maps [demo-app-source]: https://github.com/tomchentw/tomchentw.github.io/blob/master/src/Pages/Demos/ReactGoogleMaps.jsx [standard-version]: https://github.com/conventional-changelog/standard-version [conventional-commits-specification]: https://conventionalcommits.org/ --- _Source: https://npm.io/package/react-google-maps · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._