VeloViewer Chrome Extension for Strava Website

Chrome Extensions allow you to extend any website out there to provide additional features. There are a number of Strava specific extensions already out there with StravistiX being by far the most popular.  I’d had numerous requests over the last year for a way to plan routes whilst seeing the explorer tiles so the most obvious way to do this was to use an extension that extended Strava’s Route Editor.  And while I was at it I may as well add a bunch of other handy links directly back to VeloViewer as well.

Update (18th Sept 2018): Personal heatmap option added to the Route Builder.


Obviously this is only support in Chrome (although it is possible to use it in Firefox and in Opera too):

That’s it. Now when you visit the Strava site you’ll see the VV icon in the top right of your browser window light up to show that it is running.

Route Builder

When creating new or editing existing routes in Strava you will see a “VeloViewer Explorer” toggle in the “Map View Options” that turns on the outlines of the explorer tiles along with your completed tiles, max square and max cluster. The colours can be configured on your Activities List page in VeloViewer:

There is also the ability to create and download a KML file for the unexplored squares in the current view.  You will need to have the Explorer option turned on and not be too far zoomed out otherwise the KML file can get too big. As long as you can see the explorer tiles on the map then you can create and download the KML file.

You can view this KML file in the app (available on both iOS, Android) which provides offline OSM maps when you’re out and about so you can confirm you have properly entered that required tile.

The option to view your personal Ride and Run (All-time only) heatmaps is also available.  Personal heatmaps are only available to Strava Summit members and can be created on your Strava Personal Heatmaps page.

Deep links to VeloViewer

As you browse around the Strava website you’ll also see lots of links that direct you directly to the relevant pages in VeloViewer.  These are from both the top level VeloViewer menu item and in the main body of the site wherever there is a the context of a segment, activity or route.  Just look for the VeloViewer logo and hopefully you’ll see links everywhere you’d want them. For example:

Lots of people had asked about being able to view segments in VeloViewer that they hadn’t previously completed (so don’t appear in their lists).  This has always been supported (you could create a Route and view that in VeloViewer to see its segments) if you knew the correct URL but now hopefully it will be very easy to do using this extension alongside the Strava Segment Explorer.

Future additions?

Let me know in the comments below (or via email) if you’ve any other ideas for what this extension could provide on the Strava site but bear in mind it would need to be things that link between VeloViewer and Strava rather than replicating bits of VeloViewer in the Strava site.

0 thoughts on “VeloViewer Chrome Extension for Strava Website

    • When viewed in the Strava Route Builder the extension knows who you are (in terms of your Strava number) so can grab your personal explorer tiles. In a site other than Strava’s that wouldn’t be possible. The map control used by RWGPS is different to Strava’s so it would require a fairly extensive rewrite to get it to work on there as well, and it might well not be possible)

  • It would be great if I could filter the tiles I have explored by date. This would make it easier to build routes to increase my cluster number for the year.

    • Yep, you can do that. Just use the “When” filter on the Activities page to select the current year and then you’ll only see the tiles ticked off for this year.

      • sorry, I did not explain properly. I meant if we could do that in the Strava route builder page with the plugin. I currently do as you suggest in Veloviewer and then flip back and forth to the Strava route builder page. If I have visited a tile last year but not this year it will show as blue.

  • Can you explain how synchronisation between Veloviewer and the Strava plugin is done? My tiles are updated in Veloviewer, but it takes a while (hours, days) before the Veloviewer Strava Plugin knows that there are new, colored tiles. Can I, as a user, speed up this process or do I just lay back and relax until the plugin is updated? I switched off and reactivated the plugin, but that had no effect. Thank you for your answer.

    • The Explorer tile file used by the Chrome Extension is populated when you visit your Summary page following either an update or after the creation of the set of definitive tiles for an Activity.
      The file being used is timestamped in the file name to avoid any sort of caching issues.
      At least that is how it is supposed to work!

  • Something is now wrong now with my VeloViewer extension. It doesn’t work anymore. I can’t turn my explorer area on in Strava route builder, the toggle switch isn´t active. As well as the button to create unexplored tile KML.

    I am logged in to Strava and VeloViewer. I have reinstalled the plugin. I have no idea, maybe some problem with rights to access data?

    • This *should* be fixed now. If you’re still having an issue it is better to email me as it will take a bunch of investigation (at your end unfortunately) to work out why your browser is having issues.

  • Something not in the extension itself, but related to the route building/explorer process:

    What would be very useful for me would be if you could checkbox select multiple routes (on the Veloviewer routes tab) and have them plot on the map on that screen, and show the explorer tiles already covered in one colour, and the new tiles which all of the the select routes together would add in another colour.

    It’s a bit hard work to line up something like 2 out and backs in advance, so 4 routes, through an area and try to cover as many tiles as you can, but be sure you’ve not missed any across the combination of it all.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>