0.2.4 • Published 5 years ago
react-google-maps-point-of-interests v0.2.4
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 |