This is an example setup to show a Google Map with places using the usePlacesService hook with the Google Maps React Hooks library.
To run this project, clone the Google Maps React Hooks repository locally.
Go to the root of the repository and run
npm install
once to install all dependencies.
Then start this example locally with
npm run start:places-service-example
NOTE:
To see the examples it is needed to add an .env
file with a Google Maps API key in the following format:
GOOGLE_MAPS_API_KEY="<YOUR API KEY HERE>"
An example can be found in .env.example
.
NOTE FOR WINDOWS USERS:
We are using cross-env for environment variables to work on all platforms. There is an issue that npm
uses cmd
by default. The workaround is to add script-shell
to powershell
in your .npmrc
. Please follow this setup to make it work.
The project will start at localhost:1234 and show a Google Map that highlights all nearby Cafes to the central station in Hamburg, and their opening hours. Information is retrieved from Places Service.