Scheda informativa della mappa e controlli di esplorazione
Configura la scheda del titolo della mappa, le descrizioni markdown avanzate, i pulsanti di azione, lo stile della scheda, la barra di ricerca e i filtri di categoria nel pannello Informazioni mappa.
Panoramica e architettura del pannello
Il pannello Informazioni mappa unifica la scheda di identità principale e le funzioni di ricerca per i visitatori in un unico spazio di lavoro centralizzato. Mentre le schede informative di punti e forme offrono dettagli specifici, la Scheda informativa della mappa funge da banner di benvenuto permanente per l'intero progetto.
?tab=customize&panel=map-info) per configurare testo, dimensioni, stili glassmorphism e strumenti di ricerca.Fluttua discretamente nell'angolo della mappa pubblica, mostrando titolo ufficiale, descrizione in Markdown, immagine del brand e pulsanti interattivi.
Centralizza i controlli di navigazione: attiva la ricerca per parole chiave in tempo reale e barre di filtri interattive per individuare luoghi rilevanti.
Contenuto della scheda (Titolo, Descrizione, Media e Pulsanti)
La Scheda informativa della mappa comprende quattro sezioni indipendenti che possono essere attivate, stilizzate e personalizzate in linea con il tuo brand:
Imposta il titolo principale con contatore di caratteri. Personalizza i font, dimensioni (12px–36px), spessori, colori e allineamento.
Fornisce contesto testuale, linee guida, orari o programmi. Supporta grassetto, corsivo, collegamenti ipertestuali, elenchi e stili tipografici.
Seleziona o carica un'immagine di copertina. Configura proporzioni e modalità di adattamento (Riempi/Cover vs Adatta/Contain).
Aggiungi pulsanti interattivi per prenotazioni, moduli, chiamate o siti web esterni. Scegli tra disposizione verticale o orizzontale.
Dimensioni, ordine e spaziatura
Regola le dimensioni e l'equilibrio visivo della scheda per adattarla alla planimetria sottostante:
- Larghezza fissa della scheda: Regola la larghezza desktop da 260px a 600px (predefinita: 336px).
- Riordina sezioni tramite trascinamento: Riorganizza le sezioni visibili nell'ordine desiderato mediante le maniglie di trascinamento.
- Spaziatura tra le sezioni: Controlla lo spazio verticale tra le sezioni da 0px a 24px.
- Spaziatura interna del contenuto (X e Y): Regola indipendentemente i margini orizzontali e l'imbottitura verticale (fino a 32px).
Aspetto, glassmorphism e bordi della cornice
Layerpin offre controlli di stile ricchi per abbinare la scheda a mappe in modalità scura, palette aziendali o stili minimalisti:
Configura colori a tinta unita, sfumature o texture con cursori di opacità (0%–100%).
Applica un effetto vetro satinato dietro la scheda, lasciando intravedere i colori della mappa mantenendo il testo nitido.
Personalizza i bordi: spessore (1px–8px), sfumature, motivi a linee (continue, tratteggiate, punteggiate), estremità e angoli.
Regola il raggio degli angoli (da 0px a 32px) e attiva ombre morbide per dare profondità.
Stato predefinito e riduzione su desktop
Gestisci il comportamento all'apertura della mappa e le opzioni di espansione o compressione per i visitatori:
Se attivata, mostra la scheda completa al caricamento. Disattivata, parte compressa mostrando solo il titolo, dando priorità alla mappa.
Mostra un pulsante discreto nell'intestazione per consentire ai visitatori desktop di comprimere la scheda quando desiderano una vista libera.
Casella di ricerca e filtri di categoria
Oltre alla scheda, il pannello ospita i comandi generali di ricerca per i visitatori:
Abilita una barra di ricerca per trovare luoghi in base a titolo del marcatore, parole chiave, etichette o campi strutturati.
Abilita la barra filtri per filtrare per piano, stato, tipo di stanza o reparto con isolamento dei punti in tempo reale.
Layout filtri desktop (Completo vs Compatto)
Con i filtri attivi, configura la disposizione delle categorie sugli schermi desktop:
Dispone i pulsanti dei filtri orizzontalmente nella barra superiore con scorrimento touch e rotella. Ideale per 2–5 categorie.
Raggruppa tutte le categorie in un unico pulsante 'Filtri' con badge contatore, risparmiando spazio verticale.