Mapas de vehículos en vivo, integrables en cualquier lugar.
Mapas vectoriales fluidos con los trazados de tus rutas, tus paradas y tus vehículos moviéndose en tiempo real — en kioscos, en tu sitio web o dentro de cualquier página que pueda contener un iframe.
En lenguaje sencillo
Estos son mapas de tus rutas y tus paradas.
Muestran dónde está cada vehículo en este momento.
Puedes poner un mapa dentro de una página en tu propio sitio web.
El mapa usa tus colores y tu estilo. El navegador lo dibuja, así que se mantiene nítido cuando haces zoom.
Mapas vectoriales con tu propia cartografía.
Los mapas se renderizan con MapLibre GL — renderizado vectorial rápido y de código abierto con estilos de mapa base que controlas por despliegue.
- Trazados de ruta dibujados de la geometría de tu feed, con contorno clásico para legibilidad
- Puntos de parada que los pasajeros pueden tocar para predicciones en vivo en esa parada
- Ajuste automático de límites — cada ruta se enmarca correctamente
- Estilos de mapa base personalizados — trae tu propia URL de estilo, cámbiala por despliegue
Posiciones, direcciones, libreas.
Las posiciones de vehículos llegan del pipeline en tiempo real y se actualizan en cada ciclo de consulta — con marcadores de flecha de dirección, para que los pasajeros puedan ver de un vistazo hacia dónde va cada autobús o tren.
- Marcadores con dirección orientados según el rumbo de cada vehículo
- Libreas personalizadas — las agencias pueden proporcionar iconos por vehículo (flotas históricas, servicios especiales) mediante un hook limpio
- Capa de datos compartida — el mapa consulta el mismo almacén que los tableros de salidas; sin tráfico duplicado
Integrar es un solo iframe.
Cada ruta y parada obtiene una variante de mapa integrable en una URL limpia y predecible, sin importar con qué esté construido tu sitio web principal. Un contrato postMessage le dice a la página anfitriona cuándo el mapa está listo — o vacío, para que las integraciones en blanco colapsen en lugar de dejar un hueco.
- URLs limpias — la variante de integración es parte de la ruta
- Seguridad de marco incorporada — los orígenes de integración permitidos son configuración, aplicada con CSP
frame-ancestors - Parámetros compatibles con legado — resalta una parada u oculta etiquetas para migración directa desde widgets de mapas antiguos
<!-- Any route, live, on any site -->
<iframe
title="Live map"
src="https://transit.example.gov/gtfs/display/route/17/map/embed">
</iframe>
// The embed tells your page what happened
window.addEventListener("message", (e) => {
// status: "ready" → reveal the container
// status: "empty" → collapse it
});
Dónde funcionan los mapas
-
En kioscos
Un mapa de ruta en vivo es simplemente otra plantilla que una pantalla puede renderizar — combínalo con predicciones en una segunda pantalla, sincronizados.
-
En tu sitio web
Integra la variante de mapa en páginas de rutas, páginas de paradas o alertas — el iframe trae toda la maquinaria en tiempo real consigo.
-
En el campo
Señalización en centros de tránsito, carteles para eventos temporales, mapas de desvíos — en cualquier lugar donde se pueda mostrar una URL, el mapa puede vivir.
Pon tu feed a trabajar.
Tus pasajeros ya están preguntando dónde está el autobús. Respóndeles en cada página y cada pantalla que tengas.