Embed our maps and elevation profiles in your own website

You can easily embed our maps and elevation profiles into your website by following the instructions below.
If you would like to add your own logo or style to it, don't hesitate to contact us to ciao@sanluca.cc

Embedding a sanluca map on your website

Copy this code onto your site to add a map. We recommend a width of 100% and a height of 500px. Make sure to try and find the right width and height for your website, both for desktop and mobile.

<iframe src="https://sanluca.cc/https://sanluca.cc/races/giro_ditalia/2022/7//?map=true" width="100%" height="500" scrolling="yes" frameBorder="0"></iframe>

Example from La Flèche Wallonne 2022


Embedding or sharing a sanluca elevation profile

For sharing a fullscreen size elevation profile you can share this link.

To embed the elevation profile, copy this code onto your site to add a map. For elevation profile, we recommend a minimum width of 100% and a height of 600px. The width of the elevation profile is the 2 times its heigh (2:1), and to ensure a good experience on mobile, with a screen width of less than 800px, then elevation profile stops shrinking and you are forced to scroll. Make sure to try and find the right width and height for your website, both for desktop and mobile.

<iframe src="https://sanluca.cc/https://sanluca.cc/races/giro_ditalia/2022/7//profile/?profile=embed" width="100%" height="600" scrolling="yes" frameborder="0" ></iframe>

Example from La Flèche Wallonne 2022