a react app that demonstrates how to draw a map component, place a marker on it, make the marker drag-able, zero-down on location information based on marker position and be able to position a marker on the map from form inpu.
This project uses is bootstrapped with Create React App and uses semantic-ui-react as its css-framework. The main 3rd party libraries used are:
- google-map-reactfor rendering react components on google map
- react-geocode for transorming google map cordinates to physical location address and viceversa
Getting up and running is as easy as 1, 2, 3.
-
Clone the repository.
-
Install your dependencies
cd path/to/sample-u; yarn -
set up Google Maps API and include your google maps API key as the value for this constant:
MAP_API = # google maps api key
-
Start your app
yarn start
Simply run yarn test and all your tests in the test/ directory will be run.
In this particular example I exposed my bucket url ... you dont want to do that ... instead use .env to keep these secret