/StravaMapper

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

Primary LanguageJavaScriptMIT LicenseMIT

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/.

image

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:

image image