Definición
El componente mapa permite mostrar la ubicación geográfica de uno o varios punto, grupos de puntos o áreas. Es posible interactuar sobre cada uno de estos elementos para acceder a información adicional.
Anatomía
Se compone de los siguientes elementos:
- Contenedor
- Marcador de un punto
- Carrusel con cards de información de punto (opcional)
- Funcionalidades de ubicación
- Capas (opcional)
- Funcionalidad de zoom en escritorio
- Leyenda
Tipos
Por defecto
El mapa solo recoge puntos, áreas o grupos de puntos.
Con información adicional
Al interactuar con los puntos, se muestra una card con información relacionada. Al interactuar con un grupo de puntos, se muestra un carrusel de cards.
Pautas de uso
Configura el mapa de forma adecuada
Utiliza solo los elementos de interfaz relevantes. P.ej. si solo muestras un tipo de información, no muestres la leyenda. Escoge la capa o capas más adecuadas para la representación (callejero, satélite, híbrido).
En la versión responsive para móvil, garantiza que el mapa se utiliza a pantalla completa
En la versión orientada a dispositivos móviles, asegúrate de que el mapa se utiliza a pantalla completa. Para ello, al cargar la página se muestra el mapa oscurecido, junto con un icono indicativo de que es necesario interactuar a pantalla completa. Una vez ampliado, incorpora un aspa de cierre para cerrar la interacción.
Componentes relacionados
Forma parte de:
Formado por:
Control de versiones
| Fecha | Versión | Notas |
|---|---|---|
| 20/03/2026 | 1.3 |
|