Integrar rutas OpenRunner en tu sitio web permite mejorar la experiencia de los visitantes, ofreciéndoles la posibilidad de descubrir y descargar itinerarios directamente desde tu página. De esta forma, el acceso a la información resulta más sencillo y fluido. A continuación encontrarás los pasos y las diferentes opciones de integración disponibles.
¿Quieres mostrar varias rutas en una misma página? También puedes utilizar la opción Integrar una Colección OpenRunner en tu sitio web, que permite agrupar varios itinerarios en una sola integración.
Pasos para integrar una ruta en tu sitio web
- Accede a la página de la ruta: abre la página de detalles de la ruta que deseas integrar.
- Haz clic en la opción de compartir.
- Selecciona « Integrar la ruta en un sitio web »: elige esta opción para obtener el código de integración. Asegúrate de que la ruta sea pública para que las opciones de integración estén disponibles. Puedes modificar su visibilidad si es necesario.
- Copia el código de integración: copia el código proporcionado y pégalo en el código fuente de tu sitio web.
Opciones de integración
Dispones de tres opciones para integrar una ruta en tu sitio web.
1. Integración de la ruta
- Visualización: se muestra únicamente el mapa de la ruta, con la posibilidad de ampliar, reducir y desplazarse por el mapa.
- Adaptable: el mapa se ajusta al tamaño de la pantalla y al espacio disponible.
- Acceso a OpenRunner: al hacer clic en « Acceder a los detalles de la ruta », los usuarios son redirigidos a OpenRunner para consultar toda la información disponible sobre la ruta, como opiniones, fotos o descripción.
2. Integración de la ruta con perfil altimétrico
- Visualización: este formato incluye tanto el mapa de la ruta como su perfil altimétrico.
- Dimensiones: la ventana de visualización mide 500 × 650 píxeles.
- Adaptable: el contenido se ajusta al tamaño de la pantalla.
- Acceso a OpenRunner: la opción « Acceder a los detalles de la ruta » permite abrir la ficha completa de la ruta en OpenRunner.
3. Integración únicamente del perfil altimétrico
- Visualización: esta opción muestra únicamente el perfil altimétrico de la ruta.
- Adaptable: el contenido está diseñado para ajustarse a diferentes tamaños de pantalla.
- Acceso a OpenRunner: al hacer clic en « Acceder a los detalles de la ruta », los usuarios pueden consultar información adicional sobre la ruta en OpenRunner.
Visualizar una ruta en 3D con Flyover
Flyover permite a tus visitantes descubrir una ruta integrada mediante un sobrevuelo 3D directamente desde tu sitio web.
Desde la integración de la ruta, haz clic en « Iniciar » para comenzar la visualización. La vista sigue automáticamente el trazado desde el punto de salida hasta la llegada y permite apreciar mejor el relieve, las subidas, las bajadas y el entorno recorrido.
Durante el sobrevuelo, la distancia y la altitud permanecen visibles. También es posible modificar la velocidad de reproducción para obtener rápidamente una visión general del itinerario o analizar con más detalle determinados sectores.
Flyover resulta especialmente útil para presentar el recorrido de una carrera, preparar una salida o proporcionar a los visitantes una visión más concreta del itinerario antes de comenzar.
A tener en cuenta
La integración OpenRunner permite mostrar una ruta directamente en tu sitio web en diferentes formatos: solo mapa, mapa con perfil altimétrico o únicamente perfil altimétrico. Con Flyover, tus visitantes también pueden descubrir la ruta y su relieve mediante una visualización 3D dinámica.
Si quieres presentar varios itinerarios en un mismo espacio, utiliza la integración de una Colección OpenRunner, que permite agrupar varias rutas en una sola integración.
