react-google-maps-point-of-interests

Get the point of interests next to a location and display them on google maps by filtering them.

Usage no npm install needed!

<script type="module">
  import reactGoogleMapsPointOfInterests from 'https://cdn.skypack.dev/react-google-maps-point-of-interests';
</script>

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