Introdução ao Layerpin
Transforme projetos arquitetônicos, plantas, diagramas e ilustrações em mapas interativos com pins personalizados, formas vetoriais, Deep Zoom e incorporações seguras.
O que é o Layerpin?
O Layerpin é uma plataforma de criação de mapas de imagem interativos criada especificamente para mídias visuais personalizadas — plantas baixas, plantas arquitetônicas, locais de eventos, galerias de museus, diretórios de campus, lojas e esquemas de produtos.
Diferente de mapas geográficos tradicionais (como Google Maps ou Mapbox) que exigem coordenadas terrestres e dados de satélite GIS, o Layerpin opera diretamente em imagens personalizadas com sistema normalizado subpixel, controles por toque, busca rápida e entrega via CDN edge.
Destaque unidades imobiliárias, disponibilidade, metragem, dados de inquilinos, passeios fotográficos e amenidades diretamente nas plantas arquitetônicas.
Guie visitantes por estandes de feiras, palcos, saídas de emergência e ativações de patrocinadores com pesquisa interativa e filtros de categoria.
Converta diagramas de montagem, linhas de produção e desenhos técnicos em documentação interativa com popups e links de ação.
Inspecione imagens aéreas de drone em altíssima resolução, pinturas de museus e esquemas CAD complexos com ladrilhamento multirresolução Deep Zoom.
Fluxo de criação em 4 etapas
De gráficos brutos a um mapa interativo veloz incorporado ao seu site, o Layerpin simplifica o processo em quatro etapas estruturadas:
- 1Envie sua ilustração ou planta de origemComece com qualquer imagem de alta resolução em PNG, JPEG, WebP, SVG ou AVIF. Para desenhos CAD gigantes ou mapas aéreos, envie uma imagem gigapixel para gerar a pirâmide Deep Zoom.
- 2Desenhe pins interativos, zonas e legendasUse as 11 ferramentas de desenho do Layerpin para posicionar marcadores personalizados, traçar polígonos, medir distâncias e adicionar anotações na tela.
- 3Enriqueça com categorias, mídias e cartões de detalhesAdicione galerias de mídia, botões de ação, tags e descrições em Markdown. Organize pins em categorias coloridas com legenda interativa e busca instantânea.
- 4Publique versões estáveis e incorpore em qualquer lugarPublique um snapshot imutável em CDN edge sem tempo de inatividade. Copie o iframe responsivo com proteção de domínios ou compartilhe o link público.
Arquitetura principal & Sistema de coordenadas
Criar mapas responsivos exige dimensionamento preciso em todos os dispositivos. O Layerpin baseia-se em três princípios de engenharia essenciais:
Ao contrário de coordenadas em pixels absolutos que se desalinham com a tela, o Layerpin calcula posições de pins e vértices usando unidades de 0.00 a 100.00. Assim, as anotações permanecem perfeitamente ancoradas no pixel visual em celulares, tablets ou telas 4K.
Edições no editor ficam no modo rascunho privado. Ajuste posições, bordas e filtros sem impactar visitantes do mapa ativo.
Clicar em «Publicar» gera um snapshot somente leitura em CDNs edge globais. Visitantes têm carregamento inicial em menos de 15 ms sem sobrecarga no banco.
Principais recursos da plataforma
O Layerpin inclui um conjunto completo de ferramentas dedicadas a criar, estilizar, organizar e distribuir mapas visuais interativos:
Paleta completa com Marcador, Polígono, Retângulo, Círculo, Linha e Conectores, Pincel, Texto, Destaque, Medição, Borracha e Seleção.
Exiba tooltips ao passar o mouse, painéis laterais ou modais completos com carrosséis de fotos, botões e descrições formatadas.
Agrupe pins em categorias com cores, legenda com seletores, busca por palavras-chave, contadores de itens e ícones personalizados.
Carregador em pirâmide de imagens transmite blocos sob demanda, renderizando plantas de 50.000 px a 60 FPS sem esgotar a memória.
Iframes responsivos com restrição de domínios autorizados para garantir que seus mapas só apareçam em sites aprovados.
Crie mapas mais rápido com mais de 25 atalhos para seleção rápida de ferramentas, cópia de estilos e ajuste de contraste.
Gere pins a partir de textos ou CSVs, trace limites, organize categorias e traduza mapas para 16 idiomas mantendo sua chave privada (BYOK).
Traduza marcadores, formas, filtros e mídias para 16 idiomas com troca dinâmica e fallbacks inteligentes.
Importe marcadores em lote por planilhas CSV, Excel ou Numbers com campos personalizados, ou faça backup em CSV ou JSON.
Duplique mapas com suas pirâmides Deep Zoom, marcadores e filtros para testar atualizações com segurança antes de publicar.
Crie seu primeiro mapa
Pronto para criar? Siga este checklist rápido para criar e publicar seu primeiro mapa:
- 1Abra seu painel de mapasAcesse o painel de mapas e clique em Criar mapa.
- 2Envie sua imagem ou esquemaSelecione uma planta ou arquivo gráfico do computador (JPEG, PNG, WebP, SVG, AVIF).
- 3Adicione seus primeiros pins e formasPressione M para a ferramenta Marcador ou P para Polígono. Clique no canvas para posicionar itens.
- 4Publique seu mapaClique em Publicar no topo. Seu mapa interativo estará online, acelerado via CDN e pronto para incorporar!
Incorporação em sites & Segurança
Incorporar seu mapa Layerpin em qualquer site requer apenas um trecho de código iframe responsivo com suporte a gestos de toque móvel e zoom:
<iframe
src="https://layerpin.com/m/YOUR_MAP_ID"
width="100%"
height="600"
style="border: 0; border-radius: 12px; overflow: hidden;"
allow="fullscreen"
loading="lazy"
></iframe>