zekefarwell / josm-strava-heatmap

A browser extension that simplifies getting the TMS imagery url for using the Strava Heatmap in JOSM

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JOSM Strava Heatmap

This browser extension makes it easy to use the Strava Global Heatmap in JOSM, iD, and other mapping applications that support TMS imagery.

Accessing this imagery externally requires a set of key parameters that you obtain by signing into the Strava website, copying the values from several cookies, and then assembling into a query string at the end of the url. The keys expire after a week or so at which point you must repeat the process. This extension builds the url for you which makes this weekly process a bit less annoying.

OSM Wiki: Using the Strava Heatmap

Installation

Available as a Firefox Add-On or Chrome extension. The Chrome extension should also work in Microsoft Edge and other Chromium based browsers.

Instructions

  1. Visit strava.com/heatmap and log in – sign up for a free account if you don't have one
  2. Optional - Select the heatmap color and activity type you want to use
  3. Click the button pictured below to get the TMS imagery url prepopulated with the required Key-Pair-Id, Policy, and Signature parameters

Screenshot of Strava Heatmap with button added

  1. Open the heatmap in your editor
    • Click the appropriate button to open the heatmap in either JOSM or iD. For JOSM, Remote control must be enabled
    • Alternatively you can copy the url (with or without the tms: prefix) and paste it into a custom imagery layer in you editor

Screenshot of modal dialog with heatmap url

Manually adding the imagery in JOSM

Copy the url without the tms: prefix. Add a new TMS layer in the JOSM imagery preferences. Name it Strava Heatmap and paste in the copied url. If you are updating an expired Strava Heatmap layer you can just double-click it to replace url in the list view. In this case, copy the url with the tms: prefix as it is required here.

Manually adding the imagery in iD

Copy the url without the tms: prefix. Open the Backgrounds panel and select "Custom" at the bottom. Paste the copied url into the Custom Background Settings window that opens.

About

A browser extension that simplifies getting the TMS imagery url for using the Strava Heatmap in JOSM

License:MIT License


Languages

Language:JavaScript 85.1%Language:CSS 14.9%