Umap

Gen 2020
Tanti modi per crearsi mappe personalizzate
UMAP
http://umap.openstreetmap.fr/it/
Marco Brancolini (mbranco2)

Gen 2020
UMAP
●
E’ un progetto open source
https://github.com/umap-project/umap
Documentazione: https://wiki.openstreetmap.org/wiki/IT:UMap
Molti esempi: http://www.piersoft.it/?s=umap
https://wiki.openstreetmap.org/wiki/UMap/Guide

Gen 2020
UMAP
●
Le mappe sono salvabili permanentemente
(e successivamente linkabili) sullo stesso sito di Umap

Gen 2020
UMAP
●
Renderizza 3 tipi di geometrie:
– nodi
– polilinee
– aree

Gen 2020
UMAP
●
Parametri di renderizzazione impostabili a livello:
– generale
– singolo layer
– singola geometria

Gen 2020
UMAP
●
Tre tipi di mappe (a livello di layer) :
– Standard
– raggruppata (cluster)
– densità (heatmap)

Gen 2020
UMAP
●
I dati possono essere:
– disegnati direttamente
– uploadati (osm, gpx, kml, csv, geojson, georss, umap)
– dinamici (per es. una query overpass)

Gen 2020
UMAP
Registrarsi per avere la sezione “Le mie mappe”:

Gen 2020
UMAP
Zoom
Cerca un nome in OSM
Massimizza la finestra di Umap
Includi/condividi la mappa
Centra la mappa sulla tua posizione
Misura le distanze
Scelta della mappa di sfondo
Modifica con Id o Josm
Gestione dei layer
comprime/decomprime la barra
barra disponibile anche a chi
visualizzerà la mappa
barra disponibile in editing
(per definire/modificare la mappa)
Disegno interattivo di
nodi, linee, aree
Import dati (vari formati) o link a dati remoti
Impostazioni generali della mappa
Scelta della mappa di sfondo
Gestione dei layer
Salva il centro e lo zoom
Permessi di accesso e di modifica della mappa

Gen 2020
UMAP - Impostazioni generali della mappa
: Quali pulsanti visualizzare a sinistra in visualizzazione mappa, e altre opzioni
: Colori linee, di riempimento, icone ...
: varie impostazioni (tratteggio linee, campi da visualizzare, ordinare, filtrare...)
: comportamento mouse-over/mouse-click e contenuti popup
: per impostare uno sfondo diverso da quelli disponibili
: limitare la visualizzazione della mappa ad uno specifico riquadro
: animazione che zooma tra i vari elementi della mappa (in visualizzazione)
: licenza della mappa, autore...
: cancellazione , clonazione, download della mappa

Gen 2020
UMAP - Import dati
: un file dal nostro PC
: un file da un web server
: incolla direttamente i dati qui
: osm, gpx, kml, csv, geojson, georss, umap
: scelta di un layer preesistente o in un nuovo layer
: sostituire il contenuto preesistente (altrimenti aggiunge)
: esegue l’import

Gen 2020
●
Di default tutto quello che via via aggiungiamo alla mappa
(interattivamente o con upload) è inserito nello stesso layer
(“layer 1”).
●
Si possono aggiungere nuovi layer specificandolo al
momento dell’upload o tramite il pulsante
●
Per ogni layer si possono impostare opzioni diverse da quelle
impostate a livello generale ( )
UMAP - i layer

Gen 2020
UMAP - i layer
: Renderizzazione standard, raggruppata, di densità
: ogni volta che viene salvata la mappa, sono salvate le versioni dei suoi layer
: varie impostazioni (tratteggio linee, campi da visualizzare, livello di zoom di default...)
: Colori linee, di riempimento, icone
: comportamento mouse-over/mouse-click e contenuti popup
: … vedi slide seguente ...
: cancella o clona il layer
: all’apertura della mappa il layer deve essere visualizzato?
: i dati sono consultabili?

Gen 2020
UMAP - i layer – dati remoti
: link ai dati (per es. una query overpass)
: osm, gpx, kml, csv, geojson, georss, umap
: in quali livelli di zoom i dati devono essere visualizzati
: i dati vengono richiesti al server ad ogni spostamento sulla mappa
: eventuale licenza d’uso dei dati visualizzati
: da impostare per alcuni web server
: 5 minuti, 1 ora, 1 giorno (per stressare di meno il web server)

Gen 2020
UMAP - i layer – dati remoti – esempio query Overpass
Per costruire il link ad una query Overpass:
●
In OverpassTurbo, dopo aver costruito la propria query:
Esporta / Query / Copia come url dei dati remoti Umap
(la query viene copiata nella clipboard)
●
Incollarla in un editor ascii, e aggiungergli all’inizio:
http://overpass-api.de/api/interpreter?data=
●
Copiare ed incollare tutta la stringa nel campo Url della finestra Dati remoti
●
Esempio di stringa:

Gen 2020
UMAP - i popup
: popup, popup grande, pannello laterale
: predefinito, tabella, GeoRSS
: sempre, mai, mouse-over
: a sinistra, a destra, in alto, in basso
: abilitare i popup?

Gen 2020
UMAP - i permessi di accesso
: chiunque, solo gli editor, solo il proprietario
: chiunque, chiunque abbia il link, solo gli autori
: chi può modificare
: modificabile

Gen 2020
UMAP - TIPS & TRICKS
Per bloccare lo scorrimento della mappa solo sull’area di interesse :
Dopo aver centrato opportunamente la mappa, al livello di zoom desiderato:

Gen 2020
Cambiare l’ordine con cui sono visualizzati i layer:
Cliccare sull’icona di un layer e trascinarla piu su/giù

Gen 2020
Visualizzare e modificare i dati (in fase di editing) :

Gen 2020
Mettere uno sfondo diverso da quelli disponibili:
Provare per es. come url : http://{s}.tiles.mapbox.com/v3/tmcw.map-7s15q36b/{z}/{x}/{y}.png
(ricordarsi di impostare anche l’attribuzione)

Gen 2020
Visualizzare per i nodi delle icone personalizzate :
Impostabile a livello generale, di layer, o di singolo nodo
Imposta simbolo Scrivere l’url ad un file .png

Gen 2020
Prendere spunto dalla mappa di qualcun altro:
Volendo copiare la mappa di qualcun altro, per vedere come è fatta e/o modificarne una copia:
Full map data Download dei dati
Viene salvato in locale un file .umap
Selezionare il file
appena salvato
Scegli il formato dati
= Umap
Importa

Gen 2020
Consultare i dati

Gen 2020
UMAP + JOSM Un esempio pratico: i raggruppamenti di comuni canavesani
http://umap.openstreetmap.fr/it/map/canavese_403749

Gen 2020
1. Estrazione tramite Overpass dei confini comunali
Eseguire poi Esporta / Carica dati in un editor: JOSM

Gen 2020
2. Impostazione JOSM
Pulsante destro del mouse
Impostarlo sempre quando
si edita un file OSM che
non deve poi essere
uploadato

Gen 2020
3. Definizione aree in JOSM
●
I confini di ogni Comune sono costituiti da più way (almeno una way per ogni comune confinante); occorre avere
un’unica way – chiusa – in modo che poi in Umap sia considerata un’area
●
Per ogni comune:
✔
Ctrl-f (modifica / cerca) → “… nome-Comune...” → vengono selezionate tutte le way del Comune
✔
Ctrl-c (modifica / copia) → le way selezionate vengono copiate
✔
Ctrl-n (File / Nuovo livello) → è aperto un nuovo livello
✔
Alt-Ctrl-v (Modifica / Incolla nella posizione originale) → le way copiate vengono incollate nella stessa posizione
✔
Selezionare tutti i tag di tutti gli elementi e cancellarli (non ci servono)
✔
Ctrl-f (modifica / cerca) → “type:way” → vengono selezionate tutte le way
✔
C (strumenti / unisci percorso) → tutte le way sono concatenate in un unico percorso
Alla fine nel nuovo livello avremo tutte way chiuse (una per ogni Comune)
●
Ctrl-f (modifica / cerca) → “type:way” → vengono selezionate tutte le way
●
Shift-j (Strumenti / unisci aree sovrapposte) → otteniamo un’unica way chiusa
Assegniamo ora un name (es. “Consorzio xyz”) alla way chiusa e salviamo in locale il file .osm , che sarà poi
uploadato in un layer di Umap

Gen 2020
3b. Definizione aree in JOSM (metodo alternativo)
Avremmo potuto ottenere lo stesso risultato selezionando le
way interne (tenendo premuto il tasto Shift) e cancellandole,
concatenando poi tutte le way esterne in un’unica way chiusa

Gen 2020
3c. Definizione aree in JOSM (un altro metodo alternativo)
Se da Overpass Turbo si esporta come
file .json (anziché direttamente in Josm),
aprendo poi il file .json in Josm si ha già
un’unica way chiusa per ogni Comune!
Non sempre l’esport diretto in
Josm è il formato più conveniente!

Gen 2020
3d. Definizione aree in JOSM (ancora più veloce!)
https://wambachers-osm.website/boundaries/
… e se seleziono “union” ottengo
già un’unica way chiusa per tutto il
raggruppamento!

Gen 2020
4. Creazione della mappa in Umap (1/2)
●
Abbiamo preparato in locale i file .OSM, uno per ogni raggruppamento di Comuni e uno con il confine del
Canavese (sono scaricabili da qui)
●
Creare una nuova mappa in Umap
●
Cambiare lo sfondo:
di default è impostato “OSM-Fr”, con i nomi delle città in francese…)
●
Posizionare / zoomare sul Canavese e poi:
- Limiti di confine – Utilizza l’area in uso
●
Impostare il grado di opacità desiderato per tutte le aree che poi importeremo:
- Default shape properties – opacità riempimento
●
Elaborare Canavese.osm:
- selezionare il file – scegli il formato dati = osm – Importa
✔
Modificare il layer: -
- impostare il nome del layer a “Canavese”
- in shape properties : togliere il colore di riempimento (riempimento=off), personalizzare il colore
(colore) e lo spessore (peso) della linea di contorno

Gen 2020
4. Creazione della mappa in Umap (2/2)
●
Elaborare tutti gli altri file osm; per ognuno:
✔
Importare il file:
- selezionare il file - scegli il formato dati = osm
- Seleziona su quale livello fare l’importazione = “Importa in un nuovo layer”
- Importa
✔
Modificare il layer:
-
- impostare opportunamente il nome del layer
- Mostra durante il caricamento = OFF
- in shape properties : personalizzare il colore di riempimento (colore di riempimento) e l’icona
dei Comuni (formato dell’icona = “Cerchio”)
Salvare spesso durante la creazione della mappa!

Umap

Recommended

Recommended

More Related Content

Similar to Umap

Similar to Umap (20)

More from Marco Brancolini

More from Marco Brancolini (7)

Umap