Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Explorador de mapas.

Compone mapa, búsqueda, capas, leyenda, ficha y alternativa tabular como una sola herramienta accesible.

Ejemplo completo

Compara la deuda observada con la composición propuesta para r19.

AntesMapa sin alternativa
r19Capas, leyenda, búsqueda, ficha y tabla
MarcaContexto

Explorador de mapas

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Compone mapa, búsqueda, capas, leyenda, ficha y alternativa tabular como una sola herramienta accesible.

La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.

Regiones

OrdenRegión
1Búsqueda
2Selector de capas
3Mapa
4Leyenda y escala
5Ficha de elemento
6Tabla y descarga

Estados obligatorios

EstadoContenido mínimo
loadingÁrea reservada y capa nombrada
readyFuente, período y atribución
selectedElemento y contexto
no-coverageZona y alternativa
errorCapa afectada y recuperación

Responsive y accesibilidad

  • Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
  • El título de página es único y el breadcrumb conserva la jerarquía real.
  • Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
  • El foco llega al mensaje o campo que requiere atención tras un envío.
  • La URL entrega contenido completo sin router cliente.