2. Pittura e Personalizzazione

Ora che hai caricato la tua mappa, è il momento di darle vita! Questa sezione copre le funzionalità principali di pittura e personalizzazione che rendono PaintMyMap così potente—e corrisponde esattamente a ciò che vedi nell'editor.

Come Funziona la Pittura

La pittura in PaintMyMap funziona assegnando le caratteristiche della mappa (paesi, regioni, ecc.) a gruppi della legenda. Ogni gruppo ha il proprio colore, motivo opzionale ed etichetta.

Dipingi, cancella e cambia la dimensione del pennello

Pittura di Base

1. Seleziona un Gruppo della Legenda: Clicca su un gruppo nella legenda (il suo colore diventa il colore attivo per la pittura)
2. Scegli il Tuo Pennello: Seleziona Singolo o una dimensione del cerchio (S/M/L/XL)
3. Dipingi: Clicca o trascina sulle caratteristiche della mappa per assegnarle al gruppo selezionato
4. Gomma: Passa alla gomma per rimuovere la pittura dalle caratteristiche

Scorciatoie: B (Pennello), E (Gomma), ⌘/Ctrl+Z (Annulla), ⇧+⌘/Ctrl+Z (Ripristina)

Gestione della Legenda

La legenda è il cuore dell'organizzazione visiva della tua mappa. Ogni colore sulla mappa che vuoi utilizzare deve essere assegnato a un gruppo (elemento della legenda).

Seleziona elementi della legenda, riordina, nascondi/mostra, aggiungi titolo alla legenda, ridimensiona e sposta la legenda

Creazione di Gruppi della Legenda

• Aggiungi Gruppi: Clicca su + Aggiungi elemento per creare un nuovo gruppo.
• Colori e Motivi dei Gruppi: Clicca sul campione di colore per aprire il menu colori/motivi
• Etichette dei Gruppi: Scrivi direttamente nel campo dell'etichetta di ciascun gruppo
• Mostra/Nascondi nella Legenda: Attiva/disattiva la visibilità per qualsiasi gruppo
• Riordina: Trascina utilizzando la maniglia o usa i pulsanti su/giù
• Elimina: Rimuovi un gruppo (questo non eliminerà le aree dipinte; torneranno non dipinte)
• Titolo della Legenda: Attiva "Mostra Titolo della Legenda" nelle Opzioni, quindi modifica il testo del titolo

Posizionamento della Legenda

• Trascina per Spostare: Trascina la legenda ovunque sulla mappa (più facile in modalità Anteprima)
• Ridimensiona: Usa la maniglia d'angolo per scalare il blocco della legenda
• Sfondo: Imposta il colore di sfondo della legenda e la trasparenza nelle Opzioni

Mappe Coropletiche - Genera Gradiente di Colore

Con il generatore di mappe coropletiche puoi creare un gradiente di colore perfetto con un solo clic! Scegli il colore iniziale e finale, il numero di passaggi ed è fatto!

Genera Gradiente di Colore con il Generatore Coropletico

Strumento Pennello

Per selezionare il pennello, clicca sullo strumento pennello. Per cambiare la dimensione, usa il menu a discesa accanto. Per cambiare il colore, crea o seleziona un nuovo gruppo dalla legenda.

Tipi di Pennello

• Singolo: Dipingi una caratteristica per clic (controllo preciso)
• Cerchio: Dipingi tutte le caratteristiche sotto il raggio del pennello
  • Dimensioni S/M/L/XL per riempimenti più rapidi

Controlli del Pennello

• Gruppo Attivo: Il gruppo della legenda attualmente selezionato
• Dimensione del Pennello: Scegli S/M/L/XL; un cerchio di anteprima mostra il raggio esatto
• Anteprima Colore: Mostra il colore/motivo del gruppo attivo
• Gomma: Rimuove la pittura dalle caratteristiche (E)

Suggerimento: Usa Annulla/Ripristina liberamente mentre sperimenti con le dimensioni.

Colori del Pennello

Puoi dipingere con un singolo colore o selezionare un motivo da due o tre colori.

Seleziona colore solido per il pennello o uno dei motivi a due o tre colori

Strumento Forme

Usa lo strumento Forme per annotare, evidenziare o aggiungere significato aggiuntivo sopra le tue regioni dipinte.

Disegna forme, cambia colore, aggiungi testo, ruota e modifica

Tipi di Forma Disponibili

Forma	Scopo
Linea	Semplice indicatore/sottolineatura; clicca e trascina per disegnare.
Freccia	Indicatore direzionale (testa della freccia automatica).
Rettangolo	Evidenziazione standard a forma di scatola.
Rettangolo Arrotondato	Evidenziazione più morbida/contenitore per etichette (angoli arrotondati).
Cerchio	Anello di enfasi o marcatore.
Commento	Annotazione in stile fumetto arrotondato (corpo ovale + coda).
Box Commento	Fumetto rettangolare (variante squadrata) con coda mobile.
Callout	Scatola + coda a freccia (la coda a freccia è un triangolo/freccia che punta al bersaglio).

Disegnare Forme

1. Seleziona lo strumento Forme (scorciatoia: S).
2. Scegli un tipo di forma dalla mini palette.
3. Clicca e trascina sulla mappa per disegnare.
4. Tieni premuto Shift mentre trascini per vincolare: cerchio perfetto, quadrato o incrementi di 45° per linee/frecce.
5. Tieni premuto Option/Alt per disegnare verso l'esterno dal clic iniziale (dal centro per cerchi/rettangoli).

Stile e Opzioni delle Forme

• Spessore e Colore del Contorno: Regola lo spessore e il colore del contorno.
• Scala con Zoom: Attiva/disattiva se il contorno/testo si scala con lo zoom (abilita per dimensioni relative, disabilita per peso visivo costante).
• Riempimento: Abilita il riempimento; scegli colore solido o motivo; regola la trasparenza tramite il cursore.
• Motivi: Stessa libreria di motivi dei gruppi della legenda (linee, punti, strisce, motivi a tre colori).
• Testo: Abilita il testo sovrapposto; imposta famiglia di font, dimensione, colore e ombra opzionale + colore ombra.
• Ombra: (Per forma) Abilita un'ombra, regola sfocatura, opacità, offset e colore per profondità/contrasto.

Modifica delle Forme

• Usa lo strumento Seleziona (V) per scegliere una forma.
• Trascina per spostare; le maniglie appaiono per ridimensionare (angoli) e ruotare (controllo di rotazione / tasto R mentre selezionato).
• Fai doppio clic sul testo della forma per modificarlo.
• Premi Delete / Backspace (o l'icona Elimina) per rimuovere.
• Commento / Box Commento / Coda del Callout: Trascina la maniglia circolare della coda per riposizionare il puntatore indipendentemente dal corpo del fumetto/scatola.

Strumento SVG (Importa / Posiziona)

Lo strumento SVG apre la finestra di dialogo Libreria SVG per importare grafica vettoriale riutilizzabile.

Carica e posiziona SVG, cambia colore, dimensione, ruota e modifica

Flusso di Lavoro

1. Clicca su SVG (Importa / Posiziona) per aprire la finestra di dialogo.
2. Incolla il markup SVG grezzo o scegli uno o più file .svg. Puoi anche esplorare alcuni degli SVG integrati sotto il menu a tendina Tema.
3. Premi Aggiungi alla Lista per memorizzare una versione analizzata sotto "I tuoi SVG" (persistente nella memoria locale fino a quando non viene cancellata).
4. Seleziona una voce e premi Posiziona, quindi clicca e trascina sulla mappa per posizionare e scalare in un unico gesto.
5. Usa Seleziona (V) successivamente per perfezionare: sposta, ruota, ridimensiona, elimina.

Comportamento e Note

• Commutazione della finestra di dialogo: cliccando nuovamente sullo strumento SVG mentre è aperto si chiude e si torna a Seleziona.
• Sanitizzazione: script, gestori di eventi e nodi foreignObject vengono rimossi per sicurezza.
• Rapporto d'aspetto preservato automaticamente durante il posizionamento.
• Persistenza della Libreria: Cancella tutto con il pulsante "Cancella Tutto"; gli elementi individuali possono essere rimossi.
• Prestazioni: SVG estremamente complessi (migliaia di percorsi) possono influire sull'interattività e sui tempi di esportazione.

Casi d'Uso

Loghi, distintivi, pittogrammi (popolazione, icone climatiche), marcatori di inserimento, rose dei venti, cornici decorative.

Strumento Seleziona

Lo strumento Seleziona (V) ti consente di manipolare forme disegnate e SVG posizionati.

Selezione e Multi‑Selezione

• Clicca su una forma/SVG per selezionarla; trascina per spostarla.

Maniglie di Trasformazione

• Maniglie d'angolo: ridimensiona (tieni premuto Shift per vincolare quadrato/cerchio dove rilevante).
• Maniglia di rotazione o premi R mentre selezionato per ruotare.
• Maniglia della coda di Commento/Box Commento: riposiziona l'ancora della coda del fumetto.

Modifica del Testo

• Fai doppio clic sul testo della forma (Commento/Box Commento/qualsiasi forma con testo abilitato) per modificarlo in linea.
• Usa i controlli di stile (font, dimensione, colore, ombra) per perfezionamenti.

Eliminazione

• Backspace / Delete o l'icona Elimina nell'interfaccia utente rimuove le forme selezionate.

Personalizzazione Avanzata

Porta le tue mappe al livello successivo con queste funzionalità. Apri Opzioni per accedere:

Impostazioni della Legenda

• Legenda: Mostra/Nascondi la legenda sulla mappa
• Sfondo della Legenda: imposta il colore di sfondo e la trasparenza della legenda
• Imposta Titolo della Legenda: imposta il titolo della legenda o nascondilo completamente

Mappa

• Solo Aree Dipinte: Nascondi le aree non dipinte per esportazioni pulite
• Mostra linee di graticolo
• Mostra linee geografiche
• Mostra linee dei fusi orari con o senza etichette

Etichette e Titolo

• Titolo della Mappa: Attiva il titolo, modifica il testo, trascina per posizionare e ridimensiona tramite la maniglia d'angolo
• Etichette dei Paesi: Mostra le etichette dei paesi, scegli abbreviazioni, cambia font, colore e ombra opzionale. Seleziona per mostrare solo sui paesi dipinti o sostituisci il nome del paese con il valore del gruppo della legenda

Miglioramenti Visivi

• Colore di Sfondo della Mappa: Imposta il colore dello sfondo della tela

• Colore dei Bordi: Imposta il colore dei bordi dei paesi

• Tema della Mappa: Hai bisogno di ispirazione? Scegli un tema della mappa dalle palette di colori integrate

• Linee di Graticolo: Mostra la griglia di latitudine/longitudine

• Linee Geografiche: Mostra equatore, tropici, circoli polari, meridiano di Greenwich

• Fusi Orari: Poligoni e etichette opzionali dei fusi orari (per mappe supportate)

Strategie di Colore

• Categoriale: Usa colori distinti per categorie diverse
• Sequenziale: Usa gradienti di colore per intervalli di dati
• Divergente: Usa schemi di colore che evidenziano gli estremi

Pittura a Motivi

Aggiungi texture sottili con motivi SVG integrati:

• Linee/Strisce: Orizzontali, verticali, diagonali; varianti a tre linee
• Punti/Reticolo: Griglia di punti e stili a reticolo
• Tri‑Strisce: Combina colori primari/secondari/terziari

Come: Clicca sul campione di colore di un gruppo, abilita Motivo e scegli un tipo. Personalizza colori primari, secondari e (quando disponibili) terziari. Al momento non è supportato il caricamento di immagini di motivi personalizzati.

Annulla e Ripristina

Non perdere mai il tuo lavoro con controlli di cronologia completi:

Controlli di Cronologia

• Annulla/Ripristina: Passa attraverso le modifiche (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z)
• Cancella Tutto: Rimuovi tutta la pittura (con conferma)

Copia e Incolla

Accelera il tuo lavoro con la funzione Copia/Incolla che funziona con SVG e forme (⌘/Ctrl+C, ⌘/Ctrl+V)

Salvataggio Automatico

Il tuo lavoro viene salvato nella memoria locale del browser e ti verrà chiesto di ripristinarlo quando torni.

Funzionalità Interattive

Zoom e Panoramica

• Rotellina del Mouse: Zoom avanti/indietro sulla posizione del cursore
• Pulsanti Zoom: Controllo preciso dello zoom (+/−)
• Panoramica: Trascina per spostare la vista della mappa

Rotazione e Orientamento

• Rotazione del Globo: Ruota il globo (trascina il controllo di rotazione)
• Rotazione 2D: Ruota una mappa piatta (trascina il controllo di rotazione)
• Ribalta: Effetti di specchio orizzontale e verticale

Forme e Annotazioni

Usa lo strumento Forme per aggiungere richiami visivi:

• Tipi: Linea, Freccia, Rettangolo, Rettangolo Arrotondato, Cerchio, Commento, Box Commento, Callout
• Stile: Imposta larghezza/colore del contorno e colore/trasparenza del riempimento
• Testo: Aggiungi testo alle forme (font, dimensione, colore, ombra opzionale)
• Scala con Zoom: Scegli se le forme si scalano con lo zoom

Salva e Carica Progetti

Esporta Stato (Salva Progetto)

• Salva Progresso: Esporta l'intero progetto come file JSON
• Include: Tutta la pittura, colori, impostazioni e personalizzazioni
• Formato File: File .json che può essere riaperto in qualsiasi momento
• Utilizzo: Fai un backup del tuo lavoro o continua più tardi

Importa Stato (Carica Progetto)

• Ripristina Lavoro: Importa un file JSON precedentemente salvato
• Preserva: Tutta la tua pittura e le impostazioni di personalizzazione
• Cross-device: Funziona su browser e dispositivi diversi

Salvataggio Automatico

• Automatico: Il tuo lavoro viene salvato nella memoria locale del browser
• Recupero: Ripristina automaticamente l'ultima sessione
• Nessuna Azione Richiesta: Avviene in background

Modalità Anteprima

Prima di esportare, usa la modalità Anteprima per vedere la tua mappa finale:

• Nasconde tutti i controlli di modifica e l'interfaccia utente
• Mostra solo la mappa, la legenda e gli elementi personalizzati
• Consente di trascinare la legenda e il titolo per un posizionamento preciso
• Perfetto per controlli di composizione finale

Passaggi Successivi

Una volta che la tua mappa è perfetta, è il momento di esportarla! Continua alla sezione finale per scoprire come salvare e condividere le tue creazioni.