Embeddable Strava Route Interactive 3D Profiles

The ability to view your Strava Routes was recently added to VeloViewer and no sooner than it went live I had requests to be able to embed those route profiles and maps on people’s own blogs.  In just the same way as you can add segments using the embed scripts you can now include a full route on your own site.

Example: TDF2016 Stage 20 Etape du Tour

Just go to the 3D view on a Route details page and click the “Embed” button in the top right to get the necessary code.  There is an option to include the map like the example above or just show the profile. Here is the code being used for the above profile/map:

<iframe style="width: 100%; height: 600px;" src="https://veloviewer.com/routes/3729772/embed2" frameborder="0" scrolling="no"></iframe>

Note: The elevation data comes direct from Strava and will have been generated from an elevation database rather than people’s actual recordings so you will probably see some errors on steep sided hills or due to tunnels.

0 thoughts on “Embeddable Strava Route Interactive 3D Profiles

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>