https://github.com/pieterv/react-googlemaps
A declarative React interface to Google Maps
https://github.com/pieterv/react-googlemaps
Last synced: 8 months ago
JSON representation
A declarative React interface to Google Maps
- Host: GitHub
- URL: https://github.com/pieterv/react-googlemaps
- Owner: pieterv
- License: mit
- Created: 2014-09-04T23:46:43.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2016-03-05T08:46:54.000Z (over 9 years ago)
- Last Synced: 2025-03-30T08:11:15.603Z (8 months ago)
- Language: JavaScript
- Size: 54.7 KB
- Stars: 229
- Watchers: 15
- Forks: 65
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-components-all - react-googlemaps - A declarative React interface to Google Maps. (Uncategorized / Uncategorized)
- awesome-list - react-googlemaps - A declarative React interface to Google Maps. (Demos / Map)
- awesome-learning-resources - react-googlemaps - React interface to Google maps (Uncategorized / Uncategorized)
- awesome-react - react-googlemaps - A declarative React interface to Google Maps ` 📝 5 years ago` (React [🔝](#readme))
- awesome-react-cn - react-googlemaps - React interface to Google maps (Uncategorized / Uncategorized)
- awesome-react - react-googlemaps - React interface to Google maps
README
React Google Maps [](https://travis-ci.org/pieterv/react-googlemaps)
============
A declarative React interface to Google Maps.
Check it out:
* [Example usage](examples)
* [API docs](docs/api.md)
* [What's new](CHANGELOG.md)
Important Notes
---------------
This is an alpha release. The API and organizational structure are subject to
change. Comments and contributions are much appreciated.
Installation
------------
```sh
npm install react-googlemaps --save
```
This library is written with CommonJS modules. If you are using
browserify, webpack, or similar, you can consume it like anything else
installed from npm.
Usage
-----
```js
var React = require('react');
var ReactGoogleMaps = require('react-googlemaps');
var GoogleMapsAPI = window.google.maps;
var Map = ReactGoogleMaps.Map;
var Marker = ReactGoogleMaps.Marker;
var OverlayView = ReactGoogleMaps.OverlayView;
function handleClick(e) {
console.log('Clicked at position', e.latLng);
}
React.render(
Some content
,
mountNode
);
```
Checkout the [API docs](docs/api.md) or the [`examples`](examples) directory for more detailed usage.
License
-------
Licensed under MIT. [Full license here »](LICENSE)