» RACEMAPContactLoginUpdates
Search…
Documentation
Provide live tracking
Features of visualization
Leaderboard
Monitor
Group and stages
Embed interactive content
Keys and passcode
Activity upload
Deep links on tracking app
Data APIs for live geodata
Import participant data
Hardware for live tracking
Predictive tracking with reads from timing system
Map settings
Export data from Racemap
Powered By GitBook
Embed interactive content
Interactive content - embed event visualizations or leaderboards on your pages, directly with iFrames. Dynamic links for specific features.

Each event has a unique URL for the tracking map and for the leaderboard.

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​
<iframe src="https://racemap.com/player/100KmDuathlon2018" style="width: 100%; height: 800px"></iframe>
width: 100% and height: 800px adjust the size of the tracking map on your site.
​
Shadow around the map
<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>
Custom color in visualization
Set the hex color code in the URL of the tracking map color=<your_color>.
<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>
<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>
<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>
​
<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>
Key link to enroll key or passcode https://racemap.com/app/redeem_key?key=6G615L​
<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>
Selected participants and POIs - tracking map centers around selected participants and points of interest
<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>
​
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​
<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>
Specific time of event - tracking map loads at a specific time of the event, time in ISO 8601 format
<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>
Previous
Group and stages
Next
Keys and passcode
Last modified 9mo ago
Copy link
On this page
Unique URL
iFrame integration
Dynamic links