Marker e forme: scegliere l'elemento giusto sulla mappa

L'errore più comune sulle mappe interattive è l'uso eccessivo di indicatori di posizione per grandi zone geografiche o, al contrario, il disegno di forme minuscole per oggetti individuati. La scelta dell'elemento corretto della mappa determina fondamentalmente la velocità con cui i visitatori digeriscono il tuo layout.

Utilizza i Segnapunti quando la posizione è un singolo punto distinto: un cancello d'ingresso, un chiosco informativo, un punto panoramico, un macchinario o una scrivania specifica. Un segnaposto risponde alla domanda: 'Dove si trova esattamente questa cosa?'

Utilizza Forme (poligoni e rettangoli) quando la posizione occupa un'area fisica misurabile: un negozio al dettaglio, un lotto di terreno residenziale, un'ala di uffici, un parcheggio o un'area di parco protetta. Una forma risponde alla domanda: 'Quali sono i confini, l'impronta e la portata di questo spazio?'

Oltre ai perni e alle forme, Layerpin fornisce strumenti specializzati per linee vettoriali: polilinee, frecce e connettori didascalia.

Utilizza Polilinee per elementi lineari continui: sentieri pedonali, percorsi di maratona, condutture di servizi pubblici, percorsi di visite guidate e linee di trasporto pubblico. Le polilinee supportano stili di tratto personalizzati, trattini, frecce e modifica dei vertici multisegmento.

Utilizza i Connettori quando un'area della mappa è troppo densa per adattare le etichette direttamente sull'elemento. Una linea direttrice collega un intertitolo o un'icona decentrata alla coordinata precisa senza oscurare la grafica architettonica sottostante.

Una forma mal disegnata oscura il disegno della mappa sottostante. Una forma ben disegnata migliora il disegno fornendo una tinta di colore chiara senza nascondere le etichette o le trame sottostanti.

Imposta l'opacità di riempimento della forma predefinita tra il 15% e il 30%. Questa sfumatura sottile stabilisce il territorio mantenendo leggibili i dettagli architettonici. Abbinalo a un bordo nitido con tratto solido da 1,5 px a 2,5 px in una tonalità contrastante.

Al passaggio del mouse e alla selezione, aumenta l'opacità al 40-50% e ispessisce il bordo per fornire un feedback interattivo chiaro. Layerpin ti consente di impostare token di colore personalizzati che si allineano direttamente con le linee guida del tuo marchio.

Le mappe interattive di fascia alta spesso combinano forme e indicatori in sistemi compositi coesi. Ad esempio, disegna un poligono attorno all'intera ala di un centro commerciale e posiziona al suo interno segnaposti di categoria specifici per i negozi di ancoraggio e le uscite di emergenza.

Stabilisci una regola di interazione coerente: se facendo clic su un poligono si apre la relativa scheda informativa sul leasing, facendo clic sui pin secondari al suo interno dovrebbero aprire specifiche carte commerciante. Assicurati che i pin secondari abbiano uno stacking z-index più elevato in modo che rimangano facilmente selezionabili all'interno dei perimetri del poligono.

Utilizza il pannello di gestione dei livelli di Layerpin per riordinare gli elementi e bloccare le forme dello sfondo, evitando clic errati accidentali durante la modifica.