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

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

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