GOAL: Create a trip planner that lets users enter the name of a location, and marks that location (along with any notes the user would like to add) on a map.
Steps
- Create an HTML form. Users will use this form to enter a location or address.
- Submitting this form will trigger an API call to the OpenCage Geocoder (the same API from this morning's in-class example).
- The Geocoder will convert the submitted address or location to latitude-longitude coordinates.
- Use Leaflet to...
- Convert coordinates to map markers.
- Create click listeners for the markers that display the address/location name, latitude-longitude coordinates, and user notes about the location.
- Use Leaflet and GeoJSON to...
- Link each location with the last one entered using a line.
Notes
- No need to save this information to a back-end.