Layerpin logo
Comenzar

Introducción a Layerpin

Transforme planos arquitectónicos estáticos, distribuciones, esquemas e ilustraciones en mapas interactivos de alto rendimiento con pines, formas vectoriales, Deep Zoom e incrustaciones seguras.

¿Qué es Layerpin?

Layerpin es una plataforma de creación de mapas de imágenes interactivos diseñada específicamente para medios visuales personalizados: planos de planta, planos arquitectónicos, recintos feriales, galerías de museos, campus universitarios, tiendas y esquemas técnicos.

A diferencia de las herramientas de mapas geográficos tradicionales (como Google Maps o Mapbox) que requieren coordenadas terrestres y datos satelitales GIS, Layerpin opera directamente sobre sus imágenes con un sistema de coordenadas normalizadas, controles táctiles ágiles, búsqueda instantánea y distribución perimetral en CDN.

Planos de planta y arquitectura

Marque unidades inmobiliarias, disponibilidad, superficies, datos de inquilinos, recorridos fotográficos y servicios directamente en planos arquitectónicos.

Eventos y pabellones de exposiciones

Guíe a los visitantes por puestos de feria, escenarios, salidas de emergencia y patrocinadores con búsqueda interactiva y filtros por categorías.

Esquemas técnicos y productos

Convierta despieces mecánicos, líneas de montaje y diagramas técnicos en documentación interactiva con ventanas emergentes y enlaces directos.

Obras de arte gigapíxel e históricas

Inspeccione tomas aéreas con dron en ultraalta resolución, cuadros de museos y planos CAD complejos con teselado multirresolución Deep Zoom.

Flujo de creación en 4 pasos

Desde una imagen original hasta un mapa interactivo de alto rendimiento integrado en su sitio web, Layerpin agiliza el proceso en cuatro pasos:

  1. 1
    Suba su ilustración o plano de origen
    Comience con cualquier imagen de alta resolución en PNG, JPEG, WebP, SVG o AVIF. Para dibujos CAD gigantes o mapas aéreos, suba una imagen gigapíxel para generar automáticamente una pirámide Deep Zoom.
  2. 2
    Dibuje marcadores, zonas y llamadas interactivas
    Utilice las 11 herramientas de dibujo de Layerpin para colocar marcadores personalizados, trazar polígonos, medir distancias y añadir llamadas de texto directamente sobre el lienzo.
  3. 3
    Enriquezca con categorías, multimedia y fichas de detalle
    Vincule galerías multimedia, botones de acción, etiquetas y descripciones en Markdown a cualquier elemento. Agrupe marcadores en categorías de color con leyenda y búsqueda rápida.
  4. 4
    Publique versiones estables e insértelas en cualquier lugar
    Publique una instantánea inmutable en CDN perimetral sin tiempo de inactividad. Copie el código iframe adaptativo con protección de dominios o comparta el enlace público.

Arquitectura central y sistema de coordenadas

Crear mapas visuales adaptables exige garantizar un escalado fluido en cualquier pantalla. Layerpin se sustenta en tres principios arquitectónicos fundamentales:

Sistema de coordenadas normalizadas 0–100

A diferencia de las coordenadas en píxeles fijos que se descuadran con el tamaño de pantalla, Layerpin calcula posiciones, vértices y líneas usando unidades de 0.00 a 100.00. Al independizar las coordenadas de los píxeles físicos y del GPS, las anotaciones permanecen ancladas con precisión matemática en móviles, tabletas o monitores 4K.

Espacio de trabajo de borrador privado

Los cambios realizados en el editor permanecen en su borrador privado. Ajuste posiciones, colores de borde y filtros sin alterar la experiencia de los visitantes en vivo.

Instantáneas publicadas en red perimetral

Al pulsar «Publicar» se crea una instantánea de solo lectura distribuida en CDNs globales. Los usuarios disfrutan de cargas iniciales inferiores a 15 ms sin sobrecargar bases de datos.

Características principales de la plataforma

Layerpin incluye un conjunto integral de herramientas pensadas para diseñar, organizar y publicar mapas visuales interactivos:

11 herramientas de dibujo de precisión

Paleta completa con Marcador, Polígono, Rectángulo, Círculo, Línea y conectores, Pincel, Texto, Llamada, Medición, Borrador y Selección.

Fichas de información y ventanas emergentes

Ofrezca ventanas emergentes al pasar el ratón, paneles laterales o modales completos con carruseles de fotos, botones de acción y formato Markdown.

Categorías y leyenda de selección múltiple

Organice marcadores en categorías con colores, interruptores de leyenda, búsqueda en tiempo real, contadores de elementos e iconos personalizados.

Motor gigapíxel Deep Zoom

Cargador piramidal que transmite fragmentos bajo demanda, mostrando planos de hasta 50.000 px de manera fluida a 60 FPS sin saturar la memoria.

Inserción web y seguridad

Inserción en iframes adaptables con protección de dominios autorizados para asegurar que sus mapas solo se vean en páginas aprobadas.

Atajos de teclado y trucos avanzados

Cree mapas a mayor velocidad con más de 25 atajos de teclado para seleccionar herramientas, copiar estilos y cambiar contrastes rápidamente.

Asistente cartográfico con IA Pinny

Genere marcadores desde textos o archivos CSV, perfile zonas, combine categorías y traduzca mapas a 16 idiomas manteniendo su clave privada (BYOK).

Mapas multilingües y traducción

Traduzca marcadores, polígonos, filtros y elementos a 16 idiomas con selector en vivo y sistema de respaldo ordenado.

Importación de hojas de cálculo y exportación CSV

Importe marcadores en bloque desde hojas de cálculo CSV, Excel o Numbers con campos personalizados, o descargue copias de seguridad en CSV o JSON.

Duplicación de mapas y pruebas

Duplique mapas completos con sus pirámides Deep Zoom, marcadores y categorías para preparar cambios en un entorno de prueba antes de publicarlos.

Cree su primer mapa

¿Listo para empezar? Siga esta lista de verificación rápida para crear y publicar su primer mapa:

  1. 1
    Abra el panel de mapas
    Vaya a su panel de control de mapas y haga clic en Crear mapa.
  2. 2
    Suba su imagen o esquema
    Seleccione un plano arquitectónico o archivo gráfico desde su equipo (JPEG, PNG, WebP, SVG, AVIF).
  3. 3
    Añada sus primeros marcadores y figuras
    Pulse M para el Marcador o P para la herramienta Polígono. Haga clic en cualquier zona del lienzo para ubicar elementos.
  4. 4
    Publique su mapa
    Haga clic en Publicar en la cabecera. ¡Su mapa interactivo ya estará activo, distribuido por CDN y listo para insertar!

Inserción web y seguridad

Integrar su mapa de Layerpin en cualquier sitio web solo requiere un fragmento de código iframe adaptativo. Admite interacción táctil móvil, pellizcar para hacer zoom y ajuste fluido:

<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>
Consejo de seguridad: Proteja el consumo de visualizaciones de su plan accediendo a Inserción y seguridad en los ajustes del mapa y definiendo Dominios autorizados. Se bloqueará cualquier intento de inserción no autorizada. Consulte la Guía completa de inserción web para React, Next.js, WordPress, Webflow y Shopify.
Para desarrolladores y asistentes de código: Usa llms.txt para un índice de todos los temas de documentación de Layerpin, o llms-full.txt para el contexto completo de la documentación.