React Gmaps
A Google Maps component for React.js
Features
- Lazy Google Maps loading
- Easy to use
Installation
$ npm install react-gmaps --save
Demo
http://react-gmaps.herokuapp.com/
Usage
;;; const coords = lat: 515258541 lng: -008040660000006028; const params = v: '3.exp' key: 'YOUR_API_KEY'; Component { map; } { console; } { console; } { console; } { return <Gmaps width='800px' height='600px' lat=coordslat lng=coordslng zoom=12 loadingMessage='Be happy' params=params onMapCreated=thisonMapCreated> <Marker lat=coordslat lng=coordslng draggable=true onDragEnd=thisonDragEnd /> <InfoWindow lat=coordslat lng=coordslng content='Hello, React :)' onCloseClick=thisonCloseClick /> <Circle lat=coordslat lng=coordslng radius=500 onClick=thisonClick /> </Gmaps> ; } ; ReactDOM;
Test
$ npm test