Git Product home page Git Product logo

strava-heatmap-to-osm-background's Introduction

Strava Heatmap to OSM Background

What does this extension do?

Strava allows using their global heatmap for tracing on OpenStreetMap. However, following a recent update the publicly offered heatmap resolution was greatly reduced making tracing impossible. The high resolution heatmap is still available for logged in Strava users and this is where this extension comes in: it constructs a URL with the high resolution heatmap ready to use in jOSM and other OSM tracing tools.

strava-heatmap-to-osm-background's People

Contributors

janosrusiczki avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

strava-heatmap-to-osm-background's Issues

Here's instructions to use it

Here's what I figured out, and was able to make it work. Which is awesome by the way, simplest solution I've seen yet.

This is a Chrome Extension, so you obviously need to use Chrome.

  1. Download zip and unpack, doesn't matter where.
  2. Edit the manifest.json file, under content_scripts section, change the value of js to background.js.
    "js": ["background.js"]
  3. In Chrome, go to Extensions (3 dots in upper right corner, More Tools - Extensions)
  4. Select Load Unpacked in the upper-left corner, and choose the directory you unpacked the zip
  5. This will now show up as an Extension in Chrome.
  6. Go to https://www.strava.com/heatmap. You probably have to login with your account.
  7. Select the black S icon in your Extensions toolbar. The JOSM imagery URL is now copied to your clipboard.
  8. Go to JOSM, Imagery Preferences, and update the URL for your Strava imagery layer. You'll need to manually add the tms[1,15]:, or edit the background.js file and add it to the url field.
  9. You can update which heatmaps it shows and the color, by changing the 'both' and 'bluered' values in the url.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.