Incorporare una mappa nel tuo sito: embed, PNG, SVG e CSV

Come pubblicare una mappa o un grafico di Zornade Studio come embed responsive nel tuo sito, cosa prevede l'attribuzione obbligatoria a OpenStreetMap, e come esportare PNG, SVG, PDF e CSV.

· Aggiornato il
Redazione Zornade
4 min di lettura
Immagine di copertina per: Incorporare una mappa nel tuo sito: embed, PNG, SVG e CSV

Una mappa costruita con Zornade Studio non serve a niente se resta chiusa nell'editor: va pubblicata, incorporata in un articolo o in una pagina, oppure esportata come immagine per una presentazione o un report. Questa guida copre tutte le vie d'uscita disponibili: embed HTML, export PNG/SVG/PDF, e download del dataset in CSV.

Pubblicare: uno snapshot immutabile su CDN

Quando premi "Pubblica", Studio genera uno snapshot statico immutabile ospitato su CDN: l'URL resta raggiungibile in modo permanente e non cambia se in seguito modifichi il progetto nell'editor. Se aggiorni i dati o il design, devi ripubblicare per ottenere (o sovrascrivere) quell'URL: non è un embed "live" collegato in tempo reale all'editor.

Pannello di pubblicazione di Zornade Studio con l'URL generato e lo snippet embed HTML pronto da copiare

Lo snippet embed e l'attribuzione obbligatoria

Lo snippet HTML generato è un <iframe> responsive con didascalia. La didascalia contiene due link distinti, con due scopi diversi:

  1. Credito a OpenStreetMap: obbligatorio per la licenza dati ODbL, non rimovibile su nessun piano (è una condizione della licenza dei dati, non una scelta commerciale di Zornade).
  2. Link "Mappa di Zornade": richiesto dai Termini di servizio dell'embed gratuito (lo stesso modello usato da Datawrapper con "Created with Datawrapper" sul piano gratuito), rimovibile solo con una licenza commerciale Zornade. Confronto completo con Datawrapper e Flourish →

Non confondere le due cose: la prima è un vincolo di licenza dati che nessun fornitore può togliere; la seconda è una condizione commerciale di Zornade sul piano gratuito.

WordPress: incolla solo l'URL

Se il tuo sito è su WordPress, non serve incollare lo snippet HTML: incolla direttamente l'URL pubblicato in un blocco a sé (supporto oEmbed) e la mappa comparirà automaticamente.

Snippet HTML dell'embed con iframe responsive e didascalia contenente i due link di attribuzione (OpenStreetMap e Zornade)

Esportare come immagine o PDF

Oltre all'embed, puoi scaricare la mappa (o il grafico) direttamente come file, senza pubblicarla:

  • PNG: cattura la vista corrente con titolo, legenda e fonte già inclusi nell'immagine - pronta per una presentazione o un post social.
  • SVG: export vettoriale reale, disponibile solo per i tipi grafico (non per le mappe, che restano raster anche in questo formato per via della complessità della geometria).
  • PDF: una pagina singola, generata internamente come JPEG ad alta risoluzione incapsulato in un PDF minimale - utile per allegare la mappa a un report senza passare da uno screenshot manuale.

Scaricare i dati grezzi in CSV

Se chi riceve la mappa vuole verificare o rielaborare i numeri, puoi scaricare il dataset caricato così com'è in formato CSV, direttamente dal pannello di pubblicazione: è la stessa logica di trasparenza che Zornade applica anche al resto della piattaforma, dove i dati sorgente restano sempre accessibili.

Cosa non è ancora disponibile

Il pannello mostra anche l'opzione "Genera variante mobile dedicata": al momento è disattivata ed etichettata come funzionalità futura, non ancora disponibile.

Domande frequenti

L'embed si aggiorna automaticamente se modifico i dati nell'editor?

No. Ogni pubblicazione crea uno snapshot statico immutabile con un URL proprio; per aggiornare la versione pubblica devi ripubblicare.

Posso rimuovere il link "Mappa di Zornade" dall'embed?

Solo con una licenza commerciale Zornade. Il credito a OpenStreetMap invece non è mai rimovibile, su nessun piano, perché è un obbligo della licenza dati ODbL.

Come incorporo la mappa su WordPress?

Incolla direttamente l'URL pubblicato in un blocco dedicato: WordPress lo riconosce via oEmbed e mostra la mappa senza bisogno dello snippet HTML.

Posso esportare una mappa come SVG vettoriale?

No, l'export SVG vettoriale è disponibile solo per i grafici (barre, linee, aree, scatter); le mappe si esportano come PNG raster o PDF a una pagina.

In sintesi

Per condividere una mappa hai tre strade complementari: l'embed per un articolo o una pagina web (con attribuzione trasparente), l'export immagine/PDF per un documento o una presentazione, e il CSV per chi vuole verificare i numeri. Se non hai ancora scelto il tipo di mappa da pubblicare, parti dalla guida generale alle mappe tematiche.

Stai usando questi dati per un progetto aziendale?

Possiamo costruire la soluzione completa per te - backend, frontend, data engineering, deploy e supporto. Prima valutazione tecnica gratuita.

Richiedi un preventivo gratuito