Tarjeta de información del mapa y controles de descubrimiento
Configura la tarjeta de título del mapa, descripciones markdown enriquecidas, botones de acción, estilo de tarjeta, barra de búsqueda y filtros de categoría en el panel Información del mapa.
Información general y arquitectura del panel
El panel Información del mapa unifica la tarjeta de identidad principal del mapa y las funciones de búsqueda de los visitantes en un espacio centralizado. Mientras que las tarjetas de marcadores y formas ofrecen detalles para pines individuales, la tarjeta de información del mapa sirve como banner de bienvenida y guía narrativa para todo el proyecto.
?tab=customize&panel=map-info) para configurar el texto de la tarjeta, dimensiones, estilos de glassmorphism y herramientas de búsqueda.Flota discretamente en la esquina de su mapa público, mostrando el título oficial, descripción en Markdown, imagen de marca y botones de acción interactivos.
Centraliza los controles de navegación: active la búsqueda por palabras clave en tiempo real y rieles de filtros interactivos para localizar lugares relevantes.
Contenido de la tarjeta (Título, Descripción, Multimedia y Botones)
La Tarjeta de información del mapa consta de cuatro secciones independientes que se pueden activar, estilizar y personalizar según su marca:
Establece el título principal con contador de caracteres. Personalice la tipografía con fuentes de marca, tamaños (12px–36px), grosores, colores y alineación.
Proporciona contexto textual, pautas para visitantes, horarios o cronogramas. Admite negrita, cursiva, enlaces, listas y estilos tipográficos dedicados.
Seleccione o cargue una imagen desde su biblioteca multimedia. Configure proporciones y modos de ajuste (Llenar/Cover vs Ajustar/Contain).
Agregue botones interactivos para reservas, formularios, llamadas o enlaces externos. Elija entre listas verticales o filas horizontales.
Dimensiones, orden y espaciado de contenido
Ajuste el tamaño y equilibrio visual de la tarjeta para complementar el plano o esquema subyacente:
- Ancho fijo de la tarjeta: Ajuste el ancho en escritorio de 260px a 600px (predeterminado: 336px) para títulos breves o textos extensos.
- Reordenar secciones arrastrando y soltando: Reorganice las secciones en cualquier orden arrastrando las asas intuitivas.
- Espaciado entre secciones: Controle el espacio vertical entre secciones de 0px a 24px.
- Relleno de contenido (X e Y): Ajuste de forma independiente los márgenes laterales horizontales y el relleno interno vertical (hasta 32px).
Apariencia, glassmorphism y bordes del marco
Layerpin ofrece controles de estilo avanzados para combinar la tarjeta con mapas oscuros, marcas corporativas o estilos minimalistas:
Configure colores sólidos, degradados o texturas sutiles con controles de opacidad (0%–100%).
Aplica un efecto moderno de vidrio esmerilado detrás de la tarjeta, permitiendo que el mapa se trasluzca suavemente con texto nítido.
Personalice bordes exteriores: grosor (1px–8px), degradados, patrones de líneas, terminaciones y uniones.
Ajuste el radio de las esquinas (de 0px a 32px) y active sombras suaves para dar profundidad.
Estado predeterminado y plegado en escritorio
Gestione cómo se comporta la tarjeta al abrir el mapa y cómo los visitantes pueden expandirla o minimizarla:
Activado muestra la tarjeta completa al cargar. Desactivado inicia como una barra plegada mostrando solo el título para priorizar el mapa.
Muestra un botón discreto en la cabecera para que los usuarios de escritorio puedan plegar la tarjeta cuando deseen una vista despejada.
Cuadro de búsqueda y controles de categorías
Además de la tarjeta de información, el panel alberga los interruptores globales de exploración para los visitantes:
Habilita una barra de búsqueda flotante para encontrar ubicaciones por título de marcador, palabras clave, etiquetas o campos personalizados.
Habilita el riel de filtros interactivo para filtrar por planta, estado, tipo de sala o departamento con aislamiento de pines en tiempo real.
Diseños de filtros para escritorio (Completo vs Compacto)
Cuando los filtros están activados, configure cómo se organizan las dimensiones en pantallas de escritorio:
Muestra botones horizontales en la barra superior con desplazamiento táctil y rueda de ratón. Ideal para 2–5 dimensiones.
Agrupa todas las dimensiones en un único botón 'Filtros' con contador activo, ahorrando espacio vertical en portátiles e incrustaciones.