Cartão de informações do mapa e controles de descoberta
Configure o cartão de título do mapa, descrições markdown avançadas, botões de ação, estilo do cartão, barra de pesquisa e filtros de categoria no painel Informações do mapa.
Visão geral e arquitetura do painel
O painel Informações do Mapa unifica o cartão de identidade do mapa e os recursos de descoberta de visitantes em um único espaço centralizado. Enquanto os cartões de marcadores e formas fornecem detalhes para pontos individuais, o Cartão de Informações do Mapa serve como banner de boas-vindas permanente e âncora narrativa de todo o projeto.
?tab=customize&panel=map-info) para configurar texto, dimensões de layout, estilos de glassmorphism e ferramentas de descoberta.Flutua discretamente no canto do seu mapa público, exibindo o título oficial do projeto, descrição detalhada em Markdown, imagem de destaque da marca e botões interativos.
Centraliza os controles de navegação dos visitantes: ative a busca de pins por palavras-chave em tempo real e barras de filtros para ajudar a localizar lugares importantes.
Conteúdo do cartão (Título, Descrição, Mídia e Botões)
O Cartão de Informações do Mapa é composto por quatro seções independentes que podem ser ativadas, estilizadas e personalizadas de acordo com sua marca:
Define o título principal com contador de caracteres. Personalize a tipografia com fontes da marca, tamanhos (12px–36px), espessuras, cores e alinhamento à esquerda ou centralizado.
Fornece contexto textual, orientações para visitantes, horários ou cronogramas. O editor suporta negrito, itálico, links clicáveis, listas e estilos tipográficos dedicados.
Selecione ou carregue uma imagem de banner da sua biblioteca. Configure proporções e modos de ajuste (Preencher/Cover vs Ajustar/Contain) para um enquadramento perfeito.
Adicione botões interativos para reservas, formulários, chamadas ou sites externos. Escolha entre listas verticais ou linhas horizontais com espaçamento personalizável.
Dimensões, ordem e espaçamento
Ajuste com precisão o tamanho e equilíbrio visual do cartão para complementar o mapa ou planta baixa subjacente:
- Largura fixa do cartão: Ajuste a largura no desktop de 260px a 600px (padrão: 336px) para títulos curtos ou textos extensos.
- Reordenar seções por arrastar e soltar: Reorganize as seções visíveis em qualquer sequência arrastando pelas alças intuitivas.
- Espaçamento entre seções: Controle o espaçamento vertical entre as seções de 0px a 24px.
- Espaçamento interno (X e Y): Ajuste de forma independente as margens laterais horizontais e o preenchimento vertical (até 32px).
Aparência, glassmorphism e bordas da moldura
O Layerpin oferece amplos controles visuais para combinar o cartão com temas escuros, identidades corporativas ou estilos minimalistas:
Configure cores sólidas, gradientes ou texturas sutis com controle deslizante de opacidade (0%–100%).
Aplica um efeito moderno de vidro fosco atrás do cartão, permitindo que os caminhos do mapa apareçam suavemente enquanto o texto permanece nítido.
Personalize bordas externas: espessura (1px–8px), gradientes, padrões de linha (contínua, tracejada, pontilhada), terminações e cantos.
Ajuste o raio dos cantos (de 0px a 32px) e ative sombras suaves para criar sensação de profundidade.
Estado padrão e recolhimento no desktop
Controle o comportamento ao abrir o mapa e como os visitantes podem expandir ou minimizar o cartão:
Ativado, exibe o cartão completo ao carregar. Desativado, inicia como uma pílula recolhida mostrando apenas o título, priorizando a visualização do mapa.
Exibe um botão discreto no cabeçalho do cartão para que os visitantes no desktop possam recolhê-lo quando desejarem uma visão desobstruída.
Caixa de pesquisa e filtros de categoria
Além do próprio cartão, o painel abriga as opções globais de descoberta para os visitantes:
Ativa uma barra de busca flutuante para encontrar locais por título, palavras-chave, etiquetas ou campos personalizados.
Ativa a barra de filtros interativa para filtrar por andar, status, tipo de sala ou departamento com isolamento em tempo real.
Layouts de filtro para desktop (Completo vs Compacto)
Com os filtros ativados, configure a disposição das dimensões em telas de desktop:
Exibe botões horizontais na barra superior com suporte a toque e roda do mouse. Ideal para mapas com 2–5 dimensões.
Reúne todas as dimensões em um único botão 'Filtros' com indicador de contagem, economizando espaço vertical.