Layerpin logo
Annotazioni e media

Schede informative, popup e media

Associa metadati avanzati, gallerie fotografiche e pulsanti d'azione a qualsiasi marcatore o zona. Configura popover, cassetti laterali, finestre modali e visualizzazioni a schermo intero.

5 modalità di presentazione

Ogni indicatore e forma cliccabile sulla mappa può visualizzare una scheda informativa interattiva. Scegli tra 5 modalità di presentazione adatte al tuo progetto: dai rapidi riepiloghi al passaggio del mouse agli ampi cassetti laterali e ai coinvolgenti tour a schermo intero:

1. Passa il mouse/fai clic su Popover

Popup mobile ancorato direttamente al marcatore o al baricentro della forma. Dispone di rilevamento intelligente delle collisioni nel viewport in modo che non si ritagli mai fuori dallo schermo. Ideale per dettagli rapidi, numeri di camere e cartellini dei prezzi.

2. Cassetto laterale (destra/sinistra)

Si inserisce agevolmente dal bordo dello schermo. Perfetto per elenchi di negozi, profili di stand e descrizioni estese senza oscurare il centro della mappa.

3. Finestra di dialogo modale centrata

Finestra di dialogo focalizzata con una leggera sfocatura dello sfondo e una sovrapposizione attenuata. Ottimo per moduli di prenotazione, incorporamenti di video e vetrine dettagliate di prodotti.

4. Visualizzazione divisa a schermo intero

Layout a due colonne che mostra informazioni strutturate scorrevoli sulla sinistra e una galleria di immagini a tutta altezza sulla destra. Perfetto per annunci immobiliari, tour dei campus e mostre di musei.

5. Lenzuolo inferiore mobile (automatico)

Sui telefoni cellulari, le carte si adattano automaticamente a un cassetto gestuale in stile iOS con maniglie di trascinamento touch e punti di aggancio (anteprima al 70% e altezza intera al 100%), garantendo un'esperienza mobile fluida.

Impostazioni predefinite globali e personalizzazione per articolo

Puoi impostare una modalità di presentazione globale per l'intera mappa nell'editor o personalizzare singoli indicatori e forme con una presentazione unica (ad esempio, i segnaposto standard aprono i popover, mentre le cabine VIP aprono una visualizzazione a schermo intero).

Sezioni di contenuti modulari

Ogni carta è composta da 6 blocchi di contenuti modulari. Puoi mostrare, nascondere, personalizzare la tipografia e riordinare ciascuna sezione in modo indipendente:

Titolo e titolo

Famiglia di caratteri personalizzata, dimensione, peso, colore, allineamento e conservazione delle interruzioni su più righe.

Descrizione del ribasso

Testo ricco con grassetto, corsivo, collegamenti ed elenchi. Include bloccaggio automatico a 3 linee con un pulsante pieghevole "Visualizza di più/Visualizza di meno".

Campi strutturati

Coppie chiave-valore abbinate a icone (telefono, email, orari, prezzo). Supporta layout Stack, Inline o Solo valore con divisori.

Tag di categoria

Pillole di badge con codice colore corrispondenti alle categorie della tua mappa, con impilamento a larghezza intera opzionale ed espansione "+ X altri tag".

Pulsanti di azione/CTA

Pulsanti di invito all'azione per URL esterni (sito web, prenotazione, indicazioni stradali). Configurabile nei layout Stack, Row o Grid a 2 colonne.

Eroe della Galleria fotografica

Carosello di immagini di intestazione con proporzioni personalizzabili, adattamento dell'immagine e visualizzatore lightbox con zoom a schermo intero.

Schede informative multilingue

Tutti i testi delle carte, inclusi titoli, descrizioni approfondite, etichette e valori di campi personalizzati, tag e pulsanti di azione, possono essere localizzati in 16 lingue native. Dai un'occhiata a Guida alle mappe multilingue per vedere come funziona l'editor di traduzione a 4 schede.

Riordino in tempo reale delle carte

Nell'editor della mappa, passando il mouse su qualsiasi sezione all'interno di una scheda informativa viene visualizzata una barra degli strumenti di azione rapida. Puoi fare clic Modificare per passare alle sue proprietà, utilizzare il comando / pulsanti freccia per spostare le sezioni verso l'alto o verso il basso oppure fare clic Nascondere per attivare/disattivare immediatamente la visibilità.

Libreria multimediale e gallerie di immagini

Migliora le tue sedi con foto ricche, rendering architettonici e dettagli della planimetria:

Allegati con più immagini

Allega più immagini a qualsiasi pennarello o forma. Riordina facilmente le immagini o seleziona qualsiasi foto come immagine di copertina principale visualizzata nella parte superiore della scheda.

8 Proporzioni della Galleria

Scegli il rapporto fotogrammi perfetto per i tuoi contenuti: UltraWide (21:9), Ampio (16:9), Compatto (2:1), Orizzontale (3:2), Standard (4:3), Quadrato (1:1), Ritratto (4:5) o Alto (3:4), con le modalità di adattamento Cover o Contain.

Visualizzatore lightbox interattivo

I visitatori possono fare clic su qualsiasi immagine per aprire una lightbox a schermo intero a piena risoluzione con tastiera fluida, scorrimento e navigazione con zoom.

Gestore delle risorse multimediali centralizzato

Carica fino a 20 file alla volta. I formati supportati includono SVG, JPEG, PNG, WEBP, AVIF, BMP, con monitoraggio in tempo reale della quota di archiviazione.

Stile delle carte e impostazioni predefinite globali

Ogni aspetto del guscio della carta può essere personalizzato per adattarsi al tuo marchio:

Sfondi, bordi e ombre
  • Sfondo: Colori solidi con controllo dell'opacità, cartoncini trasparenti o sfumature lineari uniformi.
  • Confini: Bordi SVG continui, tratteggiati o punteggiati con larghezze di tratto personalizzate e riempimenti colorati o sfumati.
  • Raggio dell'angolo e ombre: Angoli arrotondati e lisci (da 0px a 24px+) e ombre ambientali morbide.
Salva come preimpostazione predefinita

Quando hai creato l’aspetto perfetto per la scheda, fai clic su “Salva come predefinito” in fondo al pannello di stile. Layerpin conferma e applica automaticamente questo stile a tutti gli indicatori e le forme, esistenti e nuovi.

Puoi comunque personalizzare i singoli hotspot ogni volta che una mostra in primo piano, uno stand di sponsor o un punto di riferimento chiave necessita di colori unici o di un layout dedicato.