# Ruta de navegación en mapa: estilo de motion graphics

> Animación de texto sobre un mapa urbano: una ruta de navegación dibuja la palabra y un indicador de posición la recorre. Para viajes, reparto y movilidad.

- Categoría: [Interfaz sci-fi y web moderna](https://aimotions.art/es/categoria/interfaz-sci-fi-y-web-moderna/)
- También conocido como: animación de ruta gps, texto en mapa, animación de ruta, mapa de viaje animado, interfaz de navegación, trazado de ruta en mapa, navegación paso a paso
- Demo hecha con: SVG · Energía: Dinámico · Fondo: Claro
- Demo en vivo: https://aimotions.art/es/estilos/map-route-navigation/
- Versión en inglés: https://aimotions.art/styles/map-route-navigation/

## Prompt (cambia [TEXTO] por tu texto)

```text
Convierte una app de navegación en una animación tipográfica de [TEXTO]. Muestra un mapa urbano claro visto desde arriba: suelo beis, una cuadrícula de calles blancas ligeramente girada con algunas avenidas más anchas, un canal azul sinuoso, parques verdes y pequeñas etiquetas de lugares. Se planifica una ruta con la forma de [TEXTO], escrita en letras redondeadas de un solo trazo: los tramos en coche son líneas gruesas azul pálido con borde blanco, y los huecos entre letras son conexiones a pie punteadas. Un indicador de posición azul con anillo blanco, cono de dirección y pulso suave recorre toda la ruta y deja en azul intenso la línea por la que pasa. Un banner oscuro de indicaciones paso a paso arriba y una ficha blanca con la hora estimada de llegada abajo se actualizan sobre la marcha; al llegar, un pin de destino rebota. Reinicia y repite en bucle.
```

## ADN visual

- Mapa cenital claro: suelo beis, calles blancas en cuadrícula, un canal y parques
- Ruta prevista en azul pálido con borde blanco y tramo recorrido en azul intenso
- Letras escritas como tramos en coche, unidas por conexiones a pie punteadas
- Indicador de posición luminoso con cono de dirección y un pulso suave
- Banner oscuro de indicaciones y ficha blanca de llegada actualizados en directo

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Ruta de navegación en mapa, aimotions, https://aimotions.art/es/estilos/map-route-navigation/