Map iFrame Integration and Dynamic Links

CS
R
Last updated 21 days ago

Your interactive content – Embed your tracking map directly on your pages using iFrame. Working with dynamic links to activate specific features.

iFrame - To embed your Tracking Map easily on any homepage and blog. Through the iFrame you show the interactive tracking map directly on your pages and your users don't need to navigate to a Racemap homepage. See the link and the corresponding html-code of the event 100km-Duathlon above: https://racemap.com/player/100km-duathlon_2018-05-05/ <iframe style="border: none; width: 650px; height: 550px;" src="https://racemap.com/player/100km-duathlon_2018-05-05" allowfullscreen="allowfullscreen"></iframe>

With the parameters width: 650px and height: 550px you adjust the size of the tracking map you want to embed in your web page.

iFrame Option - more focus on your map – to skip the start screen just add ?embed=true to the link: https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true <iframe style="border: none; width: 650px; height: 550px;" src="https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true" allowfullscreen="allowfullscreen"></iframe>

Follow Feature – GPS Map moves with selected athlete and creates a dynamic URL you can share, e.g. URL to follow the Team "Flaming Sideburns" at 100km-Duathlon: https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true/#follow=5ba8e1900e341e2f93f036f1 &selected=5ba8e1900e341e2f93f036f1 <iframe style="border: none; width: 650px; height: 550px;" src="https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true/#follow= 5ba8e1900e341e2f93f036f1&selected=5ba8e1900e341e2f93f036f1" allowfullscreen="allowfullscreen"></iframe>

Select Feature – To highlight selected athletes in your Racemap. With SELECT it is possible to show only one category of athletes and you can save the group of selected athletes with a dynamic URL

https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true/ #follow= 5ba8e1900e341e2f93f036f1&selected=5ba8e1900e341e2f93f036f1, 5ba8e190f653df2f98804c40, 5ba8e190e6950a2f99bdc41b,5ba8e19076addf2fa3adc1ea iframe style="border: none; width: 650px; height: 550px;" src="https://racemap.com/player/100km-duathlon_2018-05-05/?embed=true/#follow=5ba8e1900e341e2f93f036f1&selected=5ba8e1900e341e2f93f036f1, 5ba8e190f653df2f98804c40,5ba8e190e6950a2f99bdc41b,5ba8e19076addf2fa3adc1ea" allowfullscreen= "allowfullscreen"></iframe>