Layerpin logo
Anotações e mídia

Cartões informativos, popups e mídia

Vincule metadados ricos, galerias de fotos e botões de ação a qualquer marcador ou zona. Configure popovers, gavetas laterais, modais centralizados e telas cheias.

5 modos de apresentação

Cada marcador e forma clicável no seu mapa pode exibir um cartão de informações interativo. Escolha entre cinco modos de apresentação adequados ao seu projeto, desde resumos rápidos até gavetas laterais expansivas e tours imersivos em tela cheia:

1. Passe o mouse/clique em Popover

Pop-up flutuante ancorado diretamente no marcador ou centróide da forma. Possui detecção inteligente de colisão na janela de visualização para que nunca saia da tela. Ideal para detalhes rápidos, números de quartos e etiquetas de preços.

2. Gaveta lateral (direita/esquerda)

Desliza suavemente a partir da borda da tela. Perfeito para diretórios de lojas, perfis de estandes e descrições extensas sem obscurecer o centro do mapa.

3. Diálogo Modal Centralizado

Caixa de diálogo focada com um desfoque de fundo sutil e sobreposição esmaecida. Ótimo para formulários de reserva, incorporações de vídeo e apresentações detalhadas de produtos.

4. Visualização dividida em tela cheia

Layout de duas colunas exibindo informações estruturadas roláveis ​​à esquerda e uma galeria de imagens de altura total à direita. Perfeito para listagens de imóveis, passeios em campus e exposições em museus.

5. Folha inferior móvel (automática)

Em telefones celulares, os cartões se adaptam automaticamente a uma gaveta de gestos estilo iOS com alças de toque e pontos de ajuste (visualização de 70% e altura total de 100%), garantindo uma experiência móvel fluida.

Padrão global vs. personalização por item

Você pode definir um modo de apresentação global para todo o seu mapa no editor ou personalizar marcadores e formas individuais com sua própria apresentação exclusiva (por exemplo, pins padrão abrem Popovers, enquanto cabines VIP abrem uma visualização em tela cheia).

Seções de conteúdo modular

Cada cartão consiste em 6 blocos de conteúdo modulares. Você pode mostrar, ocultar, personalizar a tipografia e reordenar cada seção de forma independente:

Título e manchete

Família de fontes personalizadas, tamanho, espessura, cor, alinhamento e preservação de quebra de várias linhas.

Descrição da redução

Rich text com negrito, itálico, links e listas. Inclui fixação automática de 3 linhas com um botão dobrável "Ver mais/Ver menos".

Campos Estruturados

Pares de valores-chave emparelhados com ícones (telefone, e-mail, horário de funcionamento, preço). Suporta layouts Stack, Inline ou Value-only com divisórias.

Tags de categoria

Comprimidos de crachás codificados por cores correspondentes às categorias do seu mapa, com empilhamento de largura total opcional e expansão "+X mais tags".

Botões de ação/CTAs

Botões de call to action para URLs externos (site, reserva, rotas). Configurável em layouts de pilha, linha ou grade de 2 colunas.

Herói da galeria de fotos

Carrossel de imagens de cabeçalho com proporção personalizável, ajuste de imagem e visualizador lightbox com zoom em tela cheia.

Cartões de informações multilíngues

Todas as cópias do cartão – incluindo títulos, descrições detalhadas, rótulos e valores de campos personalizados, tags e botões de ação – podem ser localizadas em 16 idiomas nativos. Confira o Guia de mapas multilíngues para ver como funciona o editor de tradução de 4 guias.

Reordenação ao vivo no cartão

No editor de mapas, passar o mouse sobre qualquer seção dentro de um cartão de informações revela uma barra de ferramentas de ação rápida. Você pode clicar Editar para pular para suas propriedades, use o / botões de seta para mover seções para cima ou para baixo ou clique Esconder para alternar a visibilidade instantaneamente.

Biblioteca de mídia e galerias de imagens

Aprimore seus locais com fotos ricas, representações arquitetônicas e detalhes da planta baixa:

Anexos de múltiplas imagens

Anexe várias imagens a qualquer marcador ou forma. Reordene facilmente as imagens ou selecione qualquer foto como imagem de capa principal exibida na parte superior do cartão.

8 Proporções da Galeria

Escolha a proporção de quadro perfeita para o seu conteúdo: UltraWide (21:9), Wide (16:9), Compacto (2:1), Paisagem (3:2), Padrão (4:3), Quadrado (1:1), Retrato (4:5) ou Alto (3:4), com modos de ajuste Capa ou Contém.

Visualizador Lightbox interativo

Os visitantes podem clicar em qualquer imagem para abrir uma lightbox em tela cheia de resolução total com teclado suave, deslizar e navegar com zoom.

Gerenciador centralizado de ativos de mídia

Carregue até 20 ficheiros de uma só vez. Os formatos suportados incluem SVG, JPEG, PNG, WEBP, AVIF, BMP, com monitorização em tempo real da sua quota de armazenamento.

Estilo de cartão e padrões globais

Cada aspecto do cartão pode ser adaptado para combinar com sua marca:

Planos de fundo, bordas e sombras
  • Fundo: Cores sólidas com controle de opacidade, cartões transparentes ou gradientes lineares suaves.
  • Fronteiras: Bordas SVG sólidas, tracejadas ou pontilhadas com larguras de traço personalizadas e preenchimentos de cor ou gradiente.
  • Raio e sombras do canto: Cantos arredondados suaves (0px a 24px+) e sombras projetadas suaves no ambiente.
Salvar como predefinição padrão

Depois de criar a aparência ideal do cartão, clique em “Guardar como predefinição” na parte inferior do painel de estilo. O Layerpin confirma e aplica automaticamente este estilo a todos os marcadores e formas, existentes e novos.

Você ainda pode personalizar pontos de acesso individuais sempre que uma exposição em destaque, estande de patrocinador ou ponto de referência importante precisar de cores exclusivas ou de um layout dedicado.