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

Latest Version

Version
5
Update
January 24, 2024
Size
160KiB
Developer
Category
Users
2,000+
Rating
4.75 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Cookies
*://*.strava.com/*
ClipboardWrite
See more

JOSM Strava Heatmap Extension

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.

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



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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "JOSM Strava Heatmap", "description": "A browser extension that simplifies getting the TMS imagery url for using the Strava Heatmap in JOSM", "version": "5", "icons": { "48": "icons/icon.png" }, "permissions": [ "cookies", "*://*.strava.com/*", "clipboardWrite" ], "content_scripts": [{ "matches": [ "*://*.strava.com/heatmap*", "*://*.strava.com/maps*" ], "js": [ "browser-polyfill.min.js", "content.js" ], "css": [ "content.css" ] }], "background": { "scripts": [ "browser-polyfill.min.js", "background.js" ] }, "homepage_url": "https://github.com/zekefarwell/josm-strava-heatmap"}
Read more

How to download and manually install JOSM Strava Heatmap extension for Chrome

Looking for a way to install JOSM Strava Heatmap extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install JOSM Strava Heatmap extensions manually, this article outlines two simple methods to effortlessly install JOSM Strava Heatmap extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download JOSM Strava Heatmap extension and manually install through Drag &Drop

If you ever need to manually install a JOSM Strava Heatmap extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the JOSM Strava Heatmap Extension by clicking the "Download CRX" button on the website.

Look for the JOSM Strava Heatmap extension you wish to install. Go to the website and download the JOSM Strava Heatmap extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for JOSM Strava Heatmap extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the JOSM Strava Heatmap extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download JOSM Strava Heatmap extension for Chrome and install in Developer Mode

This is another method to install JOSM Strava Heatmap extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the JOSM Strava Heatmap extension file

Select and download the JOSM Strava Heatmap extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the JOSM Strava Heatmap extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your JOSM Strava Heatmap extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the JOSM Strava Heatmap extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install JOSM Strava Heatmap extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

iD Strava Heatmap Extension · Productivity 2,000+ 11 ★ 26.69KiB

icon

Strava, export gpx track Extension · Productivity 2,000+ 161 ★ 89.92KiB

icon

OSM iD Browser Tools Extension · Productivity 2,000+ 3 ★ 11.46KiB

icon

Heatmapper Extension · Developer Tools 2,000+ 2 ★ 143KiB

icon

OpenSwitchMaps Extension · Productivity 2,000+ 4 ★ 897KiB

icon

OSM Smart Menu Extension · Productivity 2,000+ 7 ★ 190KiB

icon

Strava Filter Extension · Fun 2,000+ 5 ★ 6.67KiB

icon

OpenStreetMap Tags Editor Extension · Developer Tools 2,000+ 3 ★ 64.72KiB

icon

strava-map-switcher Extension · Fun 2,000+ 46 ★ 89.57KiB

icon

Mapissimo Extension · Fun 2,000+ 1 ★ 239KiB

icon

VeloViewer Strava Plugin Extension · Fun 2,000+ 49 ★ 83.22KiB

icon

Squadrats Route Planning Extension · Fun 2,000+ 37 ★ 115KiB

icon

Sauce for Strava™ Extension · Fun 2,000+ 102 ★ 1.2MiB

icon

Strava Enhancement Suite Extension · Fun 2,000+ 71 ★ 1.97MiB

icon

Elevate for Strava Extension · Fun 2,000+ 1885 ★ 2.57MiB

icon

StraTistiX with aRPEe Score for Strava Extension · Fun 2,000+ 23 ★ 3.04MiB

icon

Wandrer Map Overlay Extension · Fun 2,000+ 23 ★ 730KiB

icon

Strava Enhanced Experience Extension · Fun 2,000+ 3 ★ 12.59KiB

icon

Strava companion Extension · Fun 2,000+ 0 ★ 41.86KiB

icon

Mapillary – Crowdsourced Street Images Extension · Photos 2,000+ 25 ★ 40.65KiB

icon

Strava Enhancement Suite BETA Extension · Productivity 2,000+ 0 ★ 723KiB

icon

Strava Enhanced Maps Extension · Fun 2,000+ 12 ★ 33.78KiB

icon

Nega Strava Tools Extension · Social & Communication 2,000+ 8 ★ 180KiB

icon

StatsHunters Extension · Fun 2,000+ 33 ★ 32.07KiB

User reviews

icon

Casper Kersten (ID: 0000006d4c58fdef) Voted 5 ★ - Updated 09/08/2022 Thank you for making it easy to get Strava's heatmap into JOSM!

icon

Rob Alley (ID: 000000eaa846476f) Voted 5 ★ - Updated 11/15/2021 Excellent, works great with JOSM. Would be nice to select the layers and colour schemes but the TMS URL can be manually edited to do this

icon

Alan Ruth Bragg (ID: 0000005284927f10) Voted 5 ★ - Updated 07/16/2021 An EASY way to acquire Strava Heatmap imagery in the JOSM editor.

icon

Erick de Oliveira Leal (ID: 00000058d2dce30c) Voted 5 ★ - Updated 06/27/2021 I think "both" layer is better than "all" layer, could be the default one