Skip to content

Latest commit

 

History

History
42 lines (26 loc) · 1.37 KB

README.md

File metadata and controls

42 lines (26 loc) · 1.37 KB

react-googlemap-geocoder-samples

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.

About

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:

  1. google-map-reactfor rendering react components on google map
  2. react-geocode for transorming google map cordinates to physical location address and viceversa

To Run it

Getting up and running is as easy as 1, 2, 3.

  1. Clone the repository.

  2. Install your dependencies

    cd path/to/sample-u; yarn

  3. set up Google Maps API and include your google maps API key as the value for this constant:

MAP_API = # google maps api key

  1. Start your app

    yarn start

Testing

Simply run yarn test and all your tests in the test/ directory will be run.

Bad Practises

In this particular example I exposed my bucket url ... you dont want to do that ... instead use .env to keep these secret