Embed interactive content

Unique URL
Each event has a unique URL for the tracking map and for the leaderboard. 
format tracking map: https://racemap.com/player/slug 
​https://racemap.com/player/100KmDuathlon2018 
format leaderboard: https://racemap.com/timing/slug 
​https://racemap.com/timing/100KmDuathlon2018​
format monitor: https://racemap.com/monitor/slug 
​https://racemap.com/monitor/100KmDuathlon2018​
iFrame integration
Embed event visualizations or leaderboards on any page or blog. Through an iFrame you show the interactive content on your sites directly. Your visitors don't have to navigate to external pages. 
sample with corresponding html-code: https://racemap.com/embed-samples#iframe​
1
<iframe src="https://racemap.com/player/100KmDuathlon2018" style="width: 100%; height: 800px"></iframe>
Copied!
width: 100% and height: 800px adjust the size of the tracking map on your site.
​
Shadow around the map
sample: https://racemap.com/embed-samples#shadow​
1
<iframe src="https://racemap.com/player/100KmDuathlon2018" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
 
Custom color in visualization
Set the hex color code in the URL of the tracking map color=<your_color>.
black: https://racemap.com/player/100KmDuathlon2018#color=000000​
green: https://racemap.com/player/100KmDuathlon2018#color=66cd00​
red: https://racemap.com/player/100KmDuathlon2018#color=cc0000​
sample: https://racemap.com/embed-samples#color​
1
<iframe src="https://racemap.com/player/100KmDuathlon2018#color=000000" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
 
Leaderboard: https://racemap.com/timing/virtual-race​
sample: https://racemap.com/embed-samples#leaderboard​
1
<iframe src="https://racemap.com/timing/virtual-race" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
 
Monitor: https://racemap.com/monitor/100KmDuathlon2018​
sample: https://racemap.com/embed-samples#monitor​
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/monitor/5a535fdf787fe25ece1a0cc8" allowfullscreen="allowfullscreen"></iframe>
Copied!
​
Activity upload: https://racemap.com/upload?key=6G615L​
sample: https://racemap.com/embed-samples#upload​
1
<iframe src="https://racemap.com/upload?key=6G615L" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1150px"></iframe>
Copied!
 
Key link to enroll key or passcode https://racemap.com/app/redeem_key?key=6G615L​
sample: https://racemap.com/embed-samples#key-link​
1
<iframe src="https://racemap.com/app/redeem_key?key=6G615L" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1100px;"></iframe>
Copied!
 
Dynamic links
Selected participants and POIs - tracking map centers around selected participants and points of interest 
sample URL to follow the teams "Flaming Sideburns" and "Wolfsrudel Mädels" at 100km-Duathlon: https://racemap.com/player/100KmDuathlon2018#selected=_fvbgsw4wo,61a20ea7e368e52f49592680,61a20ea7e368e56b5a592689,61a20ea7e368e5ef4159283b,61a20ea7e368e5a2cd592832 
sample: https://racemap.com/embed-samples#select​
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/100KmDuathlon2018#selected=_fvbgsw4wo,61a20ea7e368e52f49592680,61a20ea7e368e56b5a592689,61a20ea7e368e5ef4159283b,61a20ea7e368e5a2cd592832" allowfullscreen="allowfullscreen"></iframe>
Copied!
​
Filter settings - tracking map with selected filters 
sample URL with filter tags age "20" and nationality "German": https://racemap.com/player/gmm21-marathon-racemap_2021-10-10#filter=age:20,nationality:GER​
sample: https://racemap.com/embed-samples#filter​
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/gmm21-marathon-racemap_2021-10-10#filter=age:20,nationality:GER" allowfullscreen="allowfullscreen"></iframe>
Copied!
 
Specific time of event - tracking map loads at a specific time of the event, time in ISO 8601 format
sample URL: https://racemap.com/player/100KmDuathlon2018#time=2018-05-05T09:46:35Z​
sample: https://racemap.com/embed-samples#time​
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/100KmDuathlon2018#time=2018-05-05T09:46:35Z&selected=61a20ea7e368e57a805927bd" allowfullscreen="allowfullscreen"></iframe>
Copied!

Group and stages

Keys and passcode

Last modified 1mo ago

Copy link

Contents

Unique URL

iFrame integration

Dynamic links