Express server connects to Google Maps API and Google Directions API to display distance between two points. Direct distance is calculated using the Haversine Formula. Directions API is used for turn by turn directions (API connected but feature not implemented on the front end, yet).
- Geoencode addresses on input change
- Reverse Geoencode coordinates on input change
- Haversine distance calculations between the two points
- Uses [https://angular-maps.com/](Angular Google Maps)
- Google Map with markers that update on the fly
- Markers have ballon text that can be customized
- Coming Soon: Google Directions API with driving distance (API already built)
Navigate your terminal/console to the cloned repository/directory on your file system and:
First Install depenencies either using npm:
$ npm install
Or, install dependecies using yarn:
$ yarn
Then create an .env file in root directory of the project with the following contents:
API_URL=https://maps.googleapis.com/maps/api/geocode/json?
API_KEY=<YOUR-API-KEY>
# Driving Directions coming soon
# DIRECTIONS_URL=https://maps.googleapis.com/maps/api/directions/json?
# DIRECTIONS_KEY=<YOUR-API-KEY>
Note: Please replace all '' placeholders with your own Google Maps API and Google Directions API keys!
If you want the server to restart automatically (on save) while you develop, you can use nodemon:
$ nodemon bin/www
Otherwise, you can manually restart the server everytime you make a change by using node:
$ node bin/www
Navigate in browser to: http://localhost:3000