a0a7 / stravamapper

Trace, view & compare aerobic activities like runs, bike rides and walks on a highly customizable Leaflet.js map.

Strava Activity Tracer

A mobile-friendly web application that uses the Leaflet.js library to map all of a user's Strava activities onto a highly customizable map. Hosted at https://sudolev.github.io/StravaMapper/.

Features:

Activity Filtering:

Filter for Activity Sport Type:

• All Activities
• Runs/Hikes/Walks
• Rides (Includes Rides, E-Bike Rides, Handcycle Rides, Velomobile Rides)
• Skiing/Skating (Includes Alpine Ski, Backcountry Ski, Nordic Ski, Rollerski, Snowboard, Iceskate, Inlineskate, Skateboard, Wheelchair)
• Water Sports (Swim, Row, Canoe, Kayak, Sail, Stand-up Paddling, Surf, Kitesurf, Windsurf)

Filter for Commute Status:

• All Activities
• Commutes Excluded
• Only Commutes

Filter for Private Status

Filter by Time Range

---

Display Options:

Mapping Style:

• Single Color (Solid)
• Heatmap (High-Frequency areas more pronounced)
• Recency (More recently visited areas more pronounced)
• Random Color (Each trace is assigned a random color; not very useful)

Trace Color (Colpick.js):

• Any Hex color accepted
• Built in mobile-friendly color picker
• Ignored if Map Style is set to 'Random Color'

---

Background Map:

• CartoDB Positron
• CartoDB Darkmatter
• CartoDB Voyager
• Stamen Toner
• Thunderforest Atlas
• ESRI World Imagery
• ESRI Topographic
• Open Cycle Map

Map Overlays:

• Stamen Labels
• Stamen Lines (Country/Regional-Level Borders)

---

Functional Features:

Map Image Export (Leaflet.BigImage)

• Export Image in any resolution

GPX Export (Leaflet.ConvertCoords and [FileSaver.js[(https://github.com/eligrey/FileSaver.js/)

Fullscreen Control (Leaflet.Fullscreen)

---

Screenshots: