Giter Club home page Giter Club logo

id-strava-heatmap-extension's Introduction

Id Strava Heatmap Extension

This browser extension brings a seamless integration of the Strava Global Heatmap into the OpenStreetMap iD editor, enhancing your mapping capabilities.

Strava Heatmap Overlays

Background

Previously, accessing this imagery required a tedious process of extracting Strava website cookies and generating a short-lived URL that expires after a week.

Fortunately, the JOSM Strava Heatmap Extension simplified this process.

However, due to the lack of support for custom overlays in the iD editor, users were restricted to adding the URL as a custom background.

With this extension, you gain automatic access to all Strava activities as Heatmap overlays, eliminating the need for manual URL handling.

To learn more about using the Strava Heatmap in OpenStreetMap, consult the Strava wiki.

Installation

Available as a Chrome extension.

Instructions

To get started, follow these simple installation steps:

  1. Begin by installing the extension in your browser.
  2. Next, log in into Strava. If you don't have an account yet, sign up for a free one.
  3. Visit the Strava Global Heatmap webpage.
  4. Launch the iD editor to access your mapping workspace.
  5. Within the iD editor, open the Background Settings (shortcut: B) to configure your preferences.
  6. Look for the Overlays section and expand it.
  7. You can either select Strava Heatmap (All) to display all activities, or choose a specific public activity category such as Ride, Run, Water, or Winter.

id-strava-heatmap-extension's People

Contributors

cmoffroad avatar emersonveenstra avatar intuiquest avatar

Stargazers

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

Watchers

 avatar  avatar

id-strava-heatmap-extension's Issues

Running the extension in Firefox

Hi, firstly thanks for making such a useful extension. I recently switched from Chrome to Firefox and wanted to port this over.
I gave it a shot myself with partial success (please note I am a complete novice with respect to browser extensions and programming in general).

After some edits to manifest.js and loading the zip file into Temporary Add-ons, (and clearing up some Opaque Response Blocking
errors) I was able to get it working as an overlay, however I could not get the authentication to work, and as such only a blurry image from unauthenticated Strava was able to be displayed. The request returns 403 at the higher zoom levels.

Blurry heatmap

The thing does seem to be loading the cookies; as I am able to see my token contents.
Cookies

The error I am getting is;
error
the error Error: Could not establish connection. Receiving end does not exist. is pointing to browser.runtime.sendMessage in the strava-request.js

I don't know if you could provide any guidance for getting it to work in Firefox? Any help appreciated. Cheers

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.