Layerpin logo
Anotaciones y multimedia

Tarjetas informativas, ventanas emergentes y multimedia

Adjunte metadatos enriquecidos, galerías de fotos y botones de acción a cualquier marcador o zona. Configure popovers, paneles laterales, ventanas modales centradas y vistas de pantalla completa.

5 modos de presentación

Cada marcador y forma en la que se puede hacer clic en su mapa puede mostrar una tarjeta de información interactiva. Elija entre 5 modos de presentación que se adapten a su proyecto, desde resúmenes rápidos hasta amplios cajones laterales y recorridos inmersivos en pantalla completa:

1. Coloca el cursor sobre/haz clic en ventana emergente

Ventana emergente flotante anclada directamente al marcador o centroide de forma. Cuenta con detección inteligente de colisiones en la ventana gráfica para que nunca se salga de la pantalla. Ideal para detalles rápidos, números de habitaciones y etiquetas de precios.

2. Cajón lateral (derecho/izquierdo)

Se desliza suavemente desde el borde de la pantalla. Perfecto para directorios de tiendas, perfiles de stands y descripciones extensas sin oscurecer el centro del mapa.

3. Diálogo modal centrado

Cuadro de diálogo enfocado con un fondo sutil borroso y superposición atenuada. Excelente para formularios de reserva, incrustaciones de videos y presentaciones detalladas de productos.

4. Vista dividida en pantalla completa

Diseño de dos columnas que muestra información estructurada desplazable a la izquierda y una galería de imágenes de altura completa a la derecha. Perfecto para listados de bienes raíces, recorridos por campus y exhibiciones de museos.

5. Sábana Inferior Móvil (Automática)

En los teléfonos móviles, las tarjetas se adaptan automáticamente a un cajón de gestos estilo iOS con controles de arrastre táctiles y puntos de ajuste (70 % de vista previa y 100 % de altura completa), lo que garantiza una experiencia móvil fluida.

Valor predeterminado global frente a personalización por artículo

Puede configurar un modo de presentación global para todo su mapa en el editor, o personalizar marcadores y formas individuales con su propia presentación única (por ejemplo, los pines estándar abren ventanas emergentes, mientras que las cabinas VIP abren una vista de pantalla completa).

Secciones de contenido modular

Cada tarjeta consta de 6 bloques de contenido modulares. Puede mostrar, ocultar, personalizar la tipografía y reordenar cada sección de forma independiente:

Título y titular

Familia de fuentes personalizadas, tamaño, peso, color, alineación y preservación de saltos de varias líneas.

Descripción de rebajas

Texto enriquecido con negrita, cursiva, enlaces y listas. Incluye sujeción automática de 3 líneas con botón plegable "Ver más / Ver menos".

Campos estructurados

Pares clave-valor emparejados con íconos (teléfono, correo electrónico, horario, precio). Admite diseños apilados, en línea o de solo valor con divisores.

Etiquetas de categoría

Píldoras de insignia codificadas por colores que coinciden con las categorías de su mapa, con apilamiento opcional de ancho completo y expansión "+X etiquetas más".

Botones de acción/CTA

Botones de llamada a la acción para URL externas (sitio web, reserva, direcciones). Configurable en diseños de pila, fila o cuadrícula de 2 columnas.

Héroe de la galería de fotos

Carrusel de imágenes de encabezado con relación de aspecto personalizable, ajuste de imagen y un visor de caja de luz con zoom de pantalla completa.

Tarjetas de información en varios idiomas

Toda la copia de la tarjeta, incluidos títulos, descripciones detalladas, etiquetas y valores de campos personalizados, etiquetas y botones de acción, se puede traducir a 16 idiomas nativos. Mira el Guía de mapas en varios idiomas para ver cómo funciona el editor de traducción de 4 pestañas.

Reordenamiento en vivo en la tarjeta

En el editor de mapas, al pasar el cursor sobre cualquier sección dentro de una tarjeta de información, se muestra una barra de herramientas de acción rápida. Puedes hacer clic Editar para saltar a sus propiedades, use el / botones de flecha para mover secciones hacia arriba o hacia abajo, o haga clic en Esconder para alternar la visibilidad al instante.

Biblioteca multimedia y galerías de imágenes

Mejore sus ubicaciones con fotografías ricas, representaciones arquitectónicas y detalles de planos de planta:

Adjuntos de múltiples imágenes

Adjunte varias imágenes a cualquier marcador o forma. Reordene fácilmente las imágenes o seleccione cualquier foto como imagen de portada principal que se muestra en la parte superior de la tarjeta.

8 relaciones de aspecto de la galería

Elija la relación de fotogramas perfecta para su contenido: UltraWide (21:9), Wide (16:9), Compact (2:1), Landscape (3:2), Standard (4:3), Square (1:1), Portrait (4:5) o Tall (3:4), con modos de ajuste Cover o Contain.

Visor interactivo de caja de luz

Los visitantes pueden hacer clic en cualquier imagen para abrir una caja de luz en pantalla completa de resolución completa con navegación fluida mediante teclado, deslizamiento y zoom.

Administrador de activos de medios centralizado

Sube hasta 20 archivos a la vez. Los formatos admitidos incluyen SVG, JPEG, PNG, WEBP, AVIF, BMP, con seguimiento en tiempo real de tu cuota de almacenamiento.

Estilo de tarjeta y valores predeterminados globales

Cada aspecto de la cubierta de la tarjeta se puede adaptar para que coincida con su marca:

Fondos, bordes y sombras
  • Fondo: Colores sólidos con control de opacidad, tarjetas transparentes o degradados lineales suaves.
  • Fronteras: Bordes SVG sólidos, discontinuos o punteados con anchos de trazo personalizados y rellenos de color o degradado.
  • Radio de esquina y sombras: Esquinas redondeadas y suaves (0px a 24px+) y sombras ambientales suaves.
Guardar como valor preestablecido predeterminado

Cuando hayas creado la apariencia perfecta de la tarjeta, haz clic en «Guardar como predeterminado» al final del panel de estilo. Layerpin lo confirmará y aplicará este estilo automáticamente a todos los marcadores y formas, existentes y nuevos.

Aún puede personalizar puntos de acceso individuales siempre que una exhibición destacada, un stand de patrocinador o un punto de referencia clave necesite colores únicos o un diseño dedicado.