react-google-maps-point-of-interests
v0.2.4
Published
Get the point of interests next to a location and display them on google maps by filtering them.
Downloads
7
Readme
Presentation
react-google-maps-point-of-interests is a npm package which display a map and a list of checkbox to filter the nearest point of interests.
Dependencies
It uses react-google-maps to display the map.
Installation
npm install react-google-maps-point-of-interests
Launch tests
npm test
Components
GoogleMapsPoIComponent
Props
| props |value |
|-------------------------------|-----------------------------|
|location |{lat: latitude, lng: longitude} |
|apiKey |the google maps apiKey |
|loadingElement |<div style={{ height: `100%` }} />|
|containerElement |<div style={{ height: `400px` }} />|
|mapElement |<div style={{ height: `100%` }} />|
|styleFilter |{ height: `100%` }|
|styleFilters |{ height: `100%` }|
Filters
| name |google maps type| name displayed |
|-------------------------------|-----------------------------|---|
|stores |store |Boutiques|
|restaurant |bar,cafe,restaurant |Restauration|
|school |school|Ecoles|
|transportation |airport,bus_station,gas_station,train_station,transit_station,subway_station,taxi_stand,parking|Transports|
|health |dentist,doctor,hospital,pharmacy,physiotherapist|Santé|
|culture |museum,movie_theater,art_gallery,library|Activités culturelles|
|outdoor |stadium,park,amusement_park,zoo|Activités plein air|