A webapp built with leaflet.js and mapbox meant to make it easy to catalog bike rides that have been recorded with the DistanceLapse Video Creation System and Strava
4
stars
0
forks
source link
Create simple web frontend html template with bootstrap #3
We need a simple UI to add and adjust parameters of the final GeoJSON file.
It should have input fields to add metadata to the entire ride and description information to each individual feature (Points or LineStrings but just the START/FINISH Points to start out)
It should have a file import button to import the GPX file
It should have a DIV titled "map" where the imported and adjusted GeoJSON data can be displayed
It should also have an "output" text field that contains the GeoJSON text
FEATURES
Input Fields
It should have the following:
Ride Information Input Fields (maps to metadata object in GeoJSON)
routeName: text input
routeType: radio button - "completed" or "suggestion" ("completed" will be colored blue and "suggestion" will be colored yellow)
OVERVIEW
FEATURES
Input Fields
It should have the following:
Ride Information Input Fields (maps to metadata object in GeoJSON)
START/FINISH Point Input Fields
Map
Output