Introduzione a Layerpin
Trasforma planimetrie statiche, schemi e illustrazioni in mappe interattive ad alte prestazioni con pin, forme vettoriali, Deep Zoom e incorporamenti protetti.
Cos'è Layerpin?
Layerpin è una piattaforma per la creazione di mappe grafiche interattive progettata specificamente per supporti visivi personalizzati: planimetrie, progetti architettonici, fiere ed eventi, gallerie museali, mappe di campus, negozi e schemi di prodotto.
A differenza dei tradizionali strumenti cartografici (come Google Maps o Mapbox) che richiedono coordinate geografiche reali e dati GIS satellitari, Layerpin lavora direttamente sulle tue immagini con coordinate normalizzate sub-pixel, controlli touch reattivi, ricerca istantanea e distribuzione CDN edge.
Segnala unità immobiliari, disponibilità, metrature, dati dei locatari, tour fotografici e servizi direttamente sui progetti architettonici.
Guida i visitatori tra gli stand della fiera, orari dei palchi, uscite di sicurezza e sponsor con filtri e ricerca istantanea.
Trasforma spaccati meccanici, linee di produzione e disegni tecnici in documentazione interattiva con popup e link d'azione.
Esamina riprese aeree da drone ad altissima risoluzione, dipinti museali e schemi CAD complessi con la suddivisione a tasselli Deep Zoom.
Flusso di creazione in 4 passaggi
Dall'immagine originale a una mappa interattiva ad alte prestazioni integrata nel tuo sito web, Layerpin struttura il percorso in 4 passaggi:
- 1Carica la tua immagine o planimetriaInizia con qualsiasi immagine ad alta risoluzione in formato PNG, JPEG, WebP, SVG o AVIF. Per file CAD enormi o mappe aeree, carica un'immagine gigapixel per creare la piramide Deep Zoom.
- 2Disegna pin, zone e richiami interattiviUsa gli 11 strumenti dedicati di Layerpin per posizionare pin personalizzati, tracciare poligoni, misurare distanze e inserire etichette direttamente sul canvas.
- 3Arricchisci con categorie, media e schedeCollega gallerie fotografiche, pulsanti di azione, tag e descrizioni in Markdown. Organizza i pin in categorie colorate con legenda interattiva e ricerca rapida.
- 4Pubblica snapshot stabili e incorpora ovunquePubblica uno snapshot immutabile memorizzato nella cache edge globale. Copia lo snippet iframe reattivo con protezione del dominio o condividi il link diretto.
Architettura di base & Coordinate
Realizzare mappe reattive richiede una scalabilità perfetta su ogni dispositivo. Layerpin si basa su tre principi cardine:
A differenza delle coordinate in pixel fissi che si disallineano col cambio di risoluzione, Layerpin usa unità normalizzate da 0.00 a 100.00. I pin rimangono matematicamente ancorati all'esatto pixel dell'immagine su cellulare, tablet o monitor 4K.
Le modifiche nell'editor restano nella tua bozza privata. Puoi sperimentare con pin e filtri senza influenzare i visitatori della mappa online.
Cliccando «Pubblica» viene creato uno snapshot in sola lettura nella rete CDN globale, offrendo caricamenti sotto i 15 ms senza sovraccaricare il database.
Caratteristiche principali della piattaforma
Layerpin offre una suite completa per creare, personalizzare, organizzare e pubblicare mappe visive interattive:
Palette completa con Pin, Poligono, Rettangolo, Cerchio, Linee e connettori, Pennello, Testo, Richiamo, Misura, Gomma e Selezione.
Mostra tooltip al passaggio del mouse, pannelli laterali o modali a schermo intero con caroselli fotografici, pulsanti e testi Markdown.
Raggruppa i pin in categorie colorate con interruttori di legenda, ricerca in tempo reale, contatori e icone personalizzate.
Il caricamento a piramide di tessere trasmette i dati su richiesta, visualizzando disegni da 50.000 px a 60 FPS senza esaurire la memoria.
Integrazione iframe reattiva con restrizioni di dominio autorizzato per proteggere i tuoi contenuti.
Crea mappe più rapidamente grazie a oltre 25 scorciatoie da tastiera per selezionare strumenti e duplicare stili.
Genera pin da testo o CSV, traccia perimetri, organizza categorie e traduci in 16 lingue usando la tua chiave API (BYOK).
Traduci pin, forme, filtri e descrizioni in 16 lingue con cambio lingua immediato per i visitatori e fallback intelligente.
Carica pin in blocco da file CSV, Excel o Numbers con campi personalizzati o scarica backup in formato CSV o JSON.
Clona intere mappe con dati Deep Zoom, pin e filtri per testare le novità in un ambiente sicuro prima della pubblicazione.
Crea la tua prima mappa
Pronto per iniziare? Segui questa semplice lista per creare e pubblicare la tua prima mappa:
- 1Apri la dashboard delle mappeVai alla dashboard delle mappe e clicca su Crea mappa.
- 2Carica la tua immagine o schemaSeleziona una planimetria o un'immagine dal tuo computer (JPEG, PNG, WebP, SVG, AVIF).
- 3Inserisci i primi pin e formePremi M per il pin o P per il poligono. Clicca sull'immagine per posizionare gli elementi.
- 4Pubblica la mappaClicca su Pubblica in alto. La tua mappa è ora online, distribuita su CDN e pronta da incorporare!
Integrazione web & Sicurezza
Incorporare la mappa sul tuo sito richiede una sola riga di codice iframe reattivo con supporto touch e pinch-to-zoom:
<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>