New Strava Heatmap Extension for iD

[tekim (Mike)]

@mk2k22

, could someone please provide instructions could to get at least iD Strava Heatmap working again? (Would love to get it back in JOSM too.)

https://josm.openstreetmap.de/ticket/24237#comment:5

Instructions for getting Strava to work in JOSM

[julcnx]

@Yog_Sot

Am i correct that after the changes you actually have to visit Strava’s Global Heatmap
for the extension to display the overlay now?
It seems so to me like the credentials or something expires now everyday or so.

You’re right — the new session cookies automatically expire when the browser is closed.
I’ve updated the iD extension to reuse older cookies in an attempt to keep you logged in across sessions, though I’m still not sure how long these reused cookies remain valid.

If you’d like to try it out, please see: 🚀 Help Test v0.9.4 (Chrome & Firefox) · Issue #12 · cmoffroad/id-strava-heatmap-extension · GitHub

[Yog_Sot]

thank you for feeback, i gotta have to check the test version
meantime i notice that heatmap tiles i have used for area from day before, still works the day after but nothing beyond that loads.

And i gotta thank you for developing this in the firstplace and strava for allowing their heatmap as wms. we probably all agree how valuable it is

[Timmy_Tesseract]

Here’s the url for the abovementioned freemap.sk proxy:
tms[15]:https://strava-heatmap.tiles.freemap.sk/all/hot/{zoom}/{x}/{y}.png?px=512

This is much easier to use than the method described in the JOSM ticket, no strava login or cookies required.

[drahosp]

Hello, how i get strava heatmap to brouter.de? Now is not works for me…

[seriych]

Try this: Strava heatmap layers · Issue #11 · gpxstudio/gpx.studio · GitHub.
but in manifest.json file you need to add brouter to “host_permissions” and “matches”:

  "host_permissions": [
    "*://*.strava.com/*",
    "*://gpx.studio/*",
    "*://bikerouter.de/*",
    "*://brouter.de/*"
  ],

...

      "matches": [
        "https://gpx.studio/app*",
        "https://bikerouter.de/*",
        "https://brouter.de/*"
      ],

[julcnx]

@seriych

Try this: Strava heatmap layers · Issue #11 · gpxstudio/gpx.studio · GitHub.
but in manifest.json file you need to add brouter to “host_permissions” and “matches”:

I’d much rather support this properly than have users hacking around my code.

People have asked me to support platforms like gpx.studio, rapidId, and others. Some sites allow custom layers to be added easily — in those cases, it’s often as simple as whitelisting the domain. Others don’t support this natively, which means I’d need to inject configurable layers programmatically — and that takes quite a bit more effort (iD, RapidID)

I’ve been thinking about expanding support to multiple sites, as mentioned here:
https://github.com/cmoffroad/id-strava-heatmap-extension/issues/9

One clear benefit of unified support is consistency: users who work across multiple fully supported platforms (e.g. iD and gpx.studio) would get the same Strava layers. Sites partially supported would still benefit from the extension logic.

The real question is: how do I achieve this with minimal effort and support overhead? A few options I’m considering:

• A. Make the extension non-iD-specific and allow any domain Easiest technically, but may raise security concerns for some users.
• B. Still non-iD-specific, but manually whitelist approved domains Safer, but could be seen as bloated by users only interested in one site.
• C. Reuse the same codebase but release a separate extension per site Not ideal — harder to maintain, more duplication.
• D. Any other smart ideas or thoughts on what would make the most sense here? Please comment below.

[mk2k22]

The heatmap extension for iD works fine, but is there a similar simple solution for JOSM yet (that doesn’t require messing around with proxies, preference.xml and whatnot)?

[whb]

@mk2k22

but is there a similar simple solution for JOSM yet

GitHub - zekefarwell/josm-strava-heatmap: A browser extension that simplifies getting the...

But the version with the current fix has not been released yet, so the installation of the extension is still user-unfriendly:
https://github.com/zekefarwell/josm-strava-heatmap/issues/19#issuecomment-3036945502

[Alex_Paré]

Hi julcnx, like many I used to overlay Strava using the TMS trick in JOSM (that does not work anymore) so wish I could say Chrome Strava heatmap extension for ID worked for me but it does not. Must be doing something wrong but can’t figure out what. When in OSM ID in edit mode, I see the different Strava layers options from the menu but never get the heat overlays when clicked. So I click on the Chrome puzzle extension showing red (I tried it before or after logging to OSM), Strava opens (in a new Chrome page), I log in, navigate to the Heatmap… and then… nothing happens. All cookies are accepted both on Strava and OSM but the puzzle extension always stays red (never switch to green as advertised). What am I missing? Is there a youtube video we could watch to see all steps? Tx a million in advance.

Alex

[Fizzie-DWG (Graeme Fitzpatrick)]

@Alex_Paré

click on the Chrome puzzle extension showing red

In FireFox, I click on the extension button which opens Strava, click on the Maps button there, then the iD link. When that opens, I close that window, return to my iD page, & can then click on teh various Strava options which then work.

Don’t know if it works the same in Chrome?

[Alex_Paré]

OK it works! Had to do with the extension settings which do not give access by default to OSM and Strava. In case there are other Dummies around looking for a step-by-step recipe to make the ID Strava layer work in Chrome, here it is:

1. Install Chrome
2. Install the Strava extension for ID that can be found at the link at the beginning of this thread
3. Start Chrome and delete your entire browser history including Cookies and passwords since the beggining of time
4. Click on the Puzzle Icon at the top right corner and select the 3 dots (…) beside the ID Strava heatmap extension and then go to MANAGE extension
5. Ensure the extension is ON and the “automatically allow access to the following sites” is active for both Strava and OSM
6. In Chrome, log in to OSM, accept Cookies and switch to edit mode. At this point you can click the layer icon and verify that the Strava layers selections are available (even if they don’t work at this point)
7. Click on the puzzle icon again and select the ID Strava Heatmap extension, which will open a new Strava page
8. Log in to Strava, accept all Cookies and Navigate to the heatmap on the Strava site, at this point the RED square beside the ID extension in the puzzle icon should switch to Green both in the Strava and OSM pages and the Strava layers should become available in ID.

Voilà

[julcnx]

Update: “Id Strava Heatmap” is now simply “Strava Heatmap”. It works seamlessly with GPX.studio and welcomes bug reports or suggestions for improvements. Additional site integrations can be added based on demand.

Strava Heatmap - Chrome Web Store

Strava Heatmap – Get this Extension for 🦊 Firefox (en-US)

A big thank you to our community—over 1,000 Chrome users and 200 Firefox users—for your support and feedback!

[Duja]

@julcnx

Update: “Id Strava Heatmap” is now simply “Strava Heatmap”.

It is now disabled in my Firefox, and it still reads “Id Strava Heatmap”. Do I need to remove it and re-add it?

Edit: I only needed to update it manually, since I turned automatic updates off.

[julcnx]

@Duja

It is now disabled in my Firefox, and it still reads “Id Strava Heatmap”. Do I need to remove it and re-add it?

Updates should install automatically, as the extension’s ID hasn’t changed. If the update doesn’t happen after you re-enable it, you can try removing the extension and adding it again.