Update opzioni-interfaccia-utente.md

docs/creare/opzioni-interfaccia-utente.md

@@ -9,7 +9,7 @@ Andiamo con ordine e analizziamo ogni parametro previsto dal ricco menù.
 ![](https://raw.githubusercontent.com/opendatasicilia/guida-umap/main/docs/img/opzioni-interfaccia-utente.png)
 
 
-## Visualizza il controllo di zoom
+## Visualizza il controllo di zoom  :octicons-zoom-in-24:  :octicons-zoom-out-24:
 
 Possiamo decidere di far visualizzare i segni **+** e **-** della mappa in fase di caricamento.
 
@@ -18,7 +18,7 @@ Possiamo decidere di far visualizzare i segni **+** e **-** della mappa in fase
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè i segni di + e - compaiono in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Visualizza il controllo di ricerca
+## Visualizza il controllo di ricerca  :octicons-search-24:
 
 Possiamo decidere di far visualizzare la funzione di controllo di ricerca di un sito sulla mappa in fase di caricamento.
 
@@ -28,7 +28,7 @@ Possiamo decidere di far visualizzare la funzione di controllo di ricerca di un
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di controllo di ricerca compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Visualizza il controllo di schermo intero
+## Visualizza il controllo di schermo intero  :material-fullscreen:
 
 Possiamo decidere di far visualizzare la funzione di visualizzazione della mappa a schermo intero. Questa funzione può tornare utile se vogliamo concentrarci nella visualizzazione dei contenuti della mappa, senza farci infastidire da altri elementi nello schermo.
 
@@ -37,7 +37,7 @@ Possiamo decidere di far visualizzare la funzione di visualizzazione della mappa
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di controllo di schermo intero compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Visualizza il controllo per l'incorporamento
+## Visualizza il controllo per l'incorporamento :octicons-share-android-24:
 
 Questa è una funzione importante. Possiamo decidere di far visualizzare la funzione di condivisione della mappa, non solo come indirisso URL, ma anche come azione di scaricamento dei dati della mappa nei formati:
 
@@ -53,7 +53,7 @@ Questi formati disponibili al download sono una vera risorsa preziosa di dati ch
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di controllo per l'incorporamento - condivisione - compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Visualizza il controllo di localizzazione
+## Visualizza il controllo di localizzazione 
 
 Possiamo decidere di far visualizzare la funzione di controllo della mia localizzazione sulla mappa, attivando servizi di georeferenziazione (gps sullo smartphone ad esempio).
 
@@ -62,16 +62,16 @@ Possiamo decidere di far visualizzare la funzione di controllo della mia localiz
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di controllo di localizzazione compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Visualizza il controllo di misurazione
+## Visualizza il controllo di misurazione  :straight_ruler:
 
 Possiamo decidere di far visualizzare la funzione di misurazione della distanza da un punto ad un altro della mappa. Funzione molto utile in tante situazioni.
 
 !!! tip "decidere come viene compiuta la funzione"
 
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di controllo di misurazione - righello - compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
-
-## Mostra il controllo per aprire l'editor di OpenStreetMap
+ 
+## Mostra il controllo per aprire l'editor di OpenStreetMap  :simple-openstreetmap:
 
 Possiamo decidere di far visualizzare la funzione che permette l'apertura dell'editor di Openstreetmap.
 
@@ -87,7 +87,7 @@ Questa funzione è utile per coloro che sono impegnati ad aggiornare i dati nell
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, o è una funzione ==**nascosta**== (cioè l'icona di OpenStreetMap compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso).
 
 
-## Mostra il controllo dei dati per i layer
+## Mostra il controllo dei dati per i layer  :fontawesome-solid-layer-group:
 
 Possiamo decidere di far visualizzare la funzione che permette di visualizzare tutti i layer (strati) di cui è composta la mappa. I layer della mappa rappresentano dgli stati di contenuti che sono differenziati per tematica, ad esempio in  una mappa della mobilità urbana possiamo avere un layer per le piste ciclabili, uno per le zone pedonali e uno per i percorsi dei bus. **È consigliabile mostrare l'icona dei layer all'avvio della mappa proprio per comunicare immediatamente all'utente la strutturazione della mappa**.
 
@@ -96,7 +96,7 @@ Possiamo decidere di far visualizzare la funzione che permette di visualizzare t
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**==, ==**espanso**== o è una funzione ==**nascosta**== (cioè l'icona di controllo dei dati per i layer compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso). In questo caso abbiamo una possibilità in più di scelta (==espanso==). Espanso significa che nel menù di sinistra all'avvio della mappa è possibile visualizzare un menù che riporta il titolo dei vari layer di cui è composta la mappa.
 
 
-## Visualizza il controllo del livello del tile
+## Visualizza il controllo del livello del tile  :material-layers-search-outline: 
 
 Il tile è lo ==sfondo== della mappa. Possiamo decidere di far visualizzare la funzione che permette di cambiare lo sfondo della mappa, scegliendolo tra i diversi che uMap mette a disposizione. In una pagina dedicata più avanti (**sfondo personalizzato**) vediamo anche come personalizzare uno sfondo diversamente da quelli resi disponibili da uMap.
 
@@ -105,7 +105,7 @@ Il tile è lo ==sfondo== della mappa. Possiamo decidere di far visualizzare la f
     Decidiamo se questa azione si realizza ==**sempre**==, ==**mai**== o è una funzione ==**nascosta**== (cioè l'icona di controllo del livello del tile - sfondo - compare in alto a sinistra solo se scorriamo i loghi a sinistra fino a quello della freccia in basso). Dipende dal colore dei punti, polilinee e poligoni riportati nella mappa può essere conveniente cambiare lo sfondo della mappa, decidendo, ad esempio, per uno molto chiaro o scuro.
 
 
-## Visualizza il pulsante per aggiungere una mappa come speciale
+## Visualizza il pulsante per aggiungere una mappa come speciale :star:
 
 Possiamo decidere di far visualizzare la funzione che permette di aggiungere una mappa come speciale. Per rendere questa funzione applicabile, anche se siamo utenti non creatori di mappe su uMap, dobbiamo effettuare l'accesso ad uMap tramite i vari servizi previsti (GitHub, Twitter, Openstreetmap e Bitbucket).
 
@@ -115,7 +115,7 @@ Possiamo decidere di far visualizzare la funzione che permette di aggiungere una
 
 
 
-## Visualizzare il controllo "altro"
+## Visualizzare il controllo "altro" :octicons-arrow-down-24:
 
 Nel menù di sinistra possiamo decidere di far visualizzare un icona a forma di freccia verso il basso se vogliamo che l'utente possa scorrere tutti gli strumenti che abbiamo sopra elencato, nel caso avessimo deciso di renderli tutti o parzialmente visibili all'avvio della mappa. Se le funzioni abilitate come visibili ==sempre== sono molte, allora uMap permette la visualizzazione delle prime e poi con una freccia verso il basso permette l'apertura di altre icone cliccabili.
 
@@ -124,7 +124,7 @@ Nel menù di sinistra possiamo decidere di far visualizzare un icona a forma di
     Decidiamo se questa azione si realizza semplicemente cliccando su ==**`on`**== o ==**`off`**==.
 
 
-## Abilitare la rotellima del mouse per lo zoom
+## Abilitare la rotellina del mouse per lo zoom  :mouse_three_button:
 
 Possiamo decidere di abilitare la rotellina del mouse per gestire lo zoom in e zoom out della mappa. È indubbiamente una funzione molto comoda per la consultazione di mappe web interattive.
 
@@ -133,7 +133,7 @@ Possiamo decidere di abilitare la rotellina del mouse per gestire lo zoom in e z
     Decidiamo se questa azione si realizza semplicemente cliccando su ==**`on`**== o ==**`off`**==.
 
 
-## Visualizzare una mappa panoramica
+## Visualizzare una mappa panoramica  :material-panorama:
 
 uMap permette di far visualizzare in basso a destra una piccola mappa panoramica. Se abilitata questa funzione, viene generata una finsetra piccola in basso a destra nella quale viene riprodotta in piccolo la mappa con un rettangolo che identifica l'area nella quale stiamo zoommando.
 
@@ -142,7 +142,7 @@ uMap permette di far visualizzare in basso a destra una piccola mappa panoramica
     Decidiamo se questa azione si realizza semplicemente cliccando su ==**`on`**== o ==**`off`**==.
 
 
-## Visualizzare la scala
+## Visualizzare la scala  :octicons-number-24:
 
 Se abilitata questa funzione, verrà visualizzato in basso a sinistra una scala che riporta un unità di misura in "metri" e "feet" (piedi), così da dare all'utente il senso generale e aprticolare delle geometrie presenti nella mappa.
 
@@ -151,7 +151,7 @@ Se abilitata questa funzione, verrà visualizzato in basso a sinistra una scala
     Decidiamo se questa azione si realizza semplicemente cliccando su ==**`on`**== o ==**`off`**==.
 
 
-## Visualizza un panello al caricamento
+## Visualizza un panello al caricamento  :material-solar-panel:
 
 Quando l'utente clicca sull'indirizzo URL della mappa, attraverso  la funzione "Visualizza un panello al caricamento" è possibile far aprire una finestra laterale a sinistra in cui abbiamo alternativamente queste informazioni disponibili:
 
@@ -165,7 +165,7 @@ Quando l'utente clicca sull'indirizzo URL della mappa, attraverso  la funzione "
     Nell'esperienza pluriennale d'uso di uMap, chi redige questa guida, tra le 4 selezioni possibili, ha utilizzato spesso la ==**Didascalia**== per il fatto che questa da l'opportuità di comunicare un numero elevato di informazioni e metadati e soprattutto perchè oltre al titolo della mappa compare la descrizione di cosa la mappa rappresenta e perchè è stata creata.
 
 
-## Vista predefinita
+## Vista predefinita  :material-cursor-default-click:
 
 Questa funzione serve per decidere come far visualizzare come vista predefinita. Cliccando sul menù a tendina abbiamo 4 scelte da poter effettuare:
 
@@ -179,17 +179,17 @@ Questa funzione serve per decidere come far visualizzare come vista predefinita.
     Sarà la pratica a far decidere quale selezione effettuare. **Adatta a tutti i dati** potrebbe essere la soluzione che permette di visualizzare tutti i dati presenti nella mappa, ma dipende da caso a caso e dalla quantità di geometrie tracciate nella mappa.
 
 
-## Visualizzare la finestra di pop up a piè di pagina
+## Visualizzare la finestra di pop up a piè di pagina  :material-page-layout-footer:
 
 Questa funzione abilita lo scorrimento da un punto all'altro della mappa. Ogni punto della mappa cliccato presenterà delle frecce a destra e sinistra che rimandano ai punti in avanti o indietro.
 Chi scrive questa guida non ritiene questa funzione di particolare utilità per l'utente fruitore della mappa.
 
 
-## Visualizzare una didascalia
+## Visualizzare una didascalia  :material-subtitles-outline:
 
 Attivando questa funzione (**`on`**) viene visualizzata un piccolo footer con il titolo della mappa.
 
 
-## Visualizzare le etichette dei menù
+## Visualizzare le etichette dei menù  :material-label-multiple:
 
 Nel footer, attivando questa funzione, è possibile far visualizzare il link "Informazioni" che se cliccato apre un pannello laterale a destra con riportate le informazioni della mappa: titolo mappa, descrizione mappa, layers della mappa, ringraziamenti e metadati.