TrackMap
A web-based tool for analyzing daily walking/cycling tracks with interactive map visualization and detailed statistics.
Features
- GPX File Upload: Import cycling tracks from GPS devices and apps
- Interactive Map: View all tracks overlaid on an OpenStreetMap with color-coded routes
- Track Selection: Click tracks in sidebar to highlight and focus on individual rides
- Detailed Statistics: Distance, duration, average speed, elevation gain for each track
- Automatic Popups: View track stats by clicking tracks on map
- Smart Zoom: Automatic focusing on selected tracks with popup-aware positioning
- Responsive Design: Clean interface that works on desktop and mobile
Usage
- Upload GPX Files: Click "Upload GPX Files" button in the sidebar
- Browse Tracks: Scroll through the track list showing dates and basic stats
- Select Tracks: Click any track to highlight it on the map and view detailed statistics
- Explore Map: Use map controls to zoom and pan around your routes
- View Statistics: See individual track details or total summary at bottom
Technical Details
- Client-Side Only: All processing happens in your browser
- Vue 3: Modern reactive JavaScript framework
- Leaflet: Interactive maps with OpenStreetMap tiles
- Tailwind CSS: Clean, responsive styling
- GPX Parsing: Automatic extraction of coordinates, timestamps, and elevation data
Description
Languages
Vue
66.5%
JavaScript
30.4%
CSS
1.7%
HTML
1.4%
