iammateus / maps-in-react

Example app of Google Maps Platform usage with React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Maps in React

Example app of Google Maps Platform usage with React where you can search for places and go to the location on the map.

enter image description here

Requeriments

This project has a few dependencies that you need to install.

Method Dependencies
Docker Docker and Docker Compose
Without Docker Node and Yarn or npm

Installation

Using Docker

$ docker-compose up

or

$ yarn install

or

$ npm install

To start without docker: yarn/npm start

Env

A list of required environment variables that you need to set:

Name Value
REACT_APP_PROXY_URL (A cors bypass) https://cors-anywhere.herokuapp.com/
REACT_APP_GOOGLE_MAPS_PLACE_AUTOCOMPLETE_API_URL https://maps.googleapis.com/maps/api/place/autocomplete/json
REACT_APP_GOOGLE_MAPS_PLACE_DETAILS_API_URL https://maps.googleapis.com/maps/api/place/details/json
REACT_APP_GOOGLE_MAPS_API_KEY Your Google API key

License

MIT

About

Example app of Google Maps Platform usage with React

License:MIT License


Languages

Language:JavaScript 84.2%Language:HTML 12.2%Language:CSS 2.7%Language:Dockerfile 0.8%