https://github.com/pieterv/react-googlemaps

A declarative React interface to Google Maps
https://github.com/pieterv/react-googlemaps

Last synced: 5 days 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 (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-03-05T08:46:54.000Z (almost 9 years ago)
• Last Synced: 2024-12-30T16:47:58.720Z (12 days ago)
• Language: JavaScript
• Size: 54.7 KB
• Stars: 226
• Watchers: 16
• Forks: 68
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-cn - react-googlemaps - React interface to Google maps (Uncategorized / Uncategorized)
• awesome-react-components-all - react-googlemaps - A declarative React interface to Google Maps. (Uncategorized / Uncategorized)
• awesome-react - react-googlemaps - React interface to Google maps
• awesome-learning-resources - react-googlemaps - React interface to Google maps (Uncategorized / Uncategorized)
• awesome-list - react-googlemaps - A declarative React interface to Google Maps. (Demos / Map)
• awesome-react - react-googlemaps - A declarative React interface to Google Maps ` 📝 5 years ago` (React [🔝](#readme))

README

        
React Google Maps [![Build Status](https://travis-ci.org/pieterv/react-googlemaps.svg?branch=master)](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)