David Leoni
Coder Dojo Trento
Open Street Map Servizi di Rovereto
v2.1 18/07/2018
Queste slide: coderdojotrento.it/osmr
UMAP with OpenStreetMap!
Obiettivo: fare mappa dei servizi di Rovereto
Prendiamo i dati
I dati li abbiamo trovati su dati.trentino.it, alla risorsa dei Servizi di Rovereto:
Cos’è un JSON?
Il contenuto del file è un JSON:
Per georeferenziare in UMap servono campi chiamati esattamente lat e lon
JSON vs CSV
Problema: UMAP non accetta JSON (a meno che non siano in formato GeoJSON, ma al momento non ci interessa).
Ma se avessimo un CSV...
Da JSON a CSV
Convertiamo il JSON in CSV con http://konklone.io/json/
In seguito possiamo cliccare Show the raw data e copiare
Importiamo in UMap 1/3
Creiamo una mappa nuova
Importiamo in UMap
2/3
Seleziona la freccia su
Importiamo
Importiamo in UMap 3/3
Tabella nei pop up
Quando si clicca sulle icone vogliamo che appaiano tutti i dati
Scegli ‘tabella’
Seleziona l’ingranaggio
Problemi...
Se si vede un segno di vietato sulle icone o se non appaiono le tabelle...
...cliccare in alto a destra Disattiva la modifica.
Mostrare solo i campi che vogliamo noi 1/2
Mostrare solo i campi che vogliamo noi 2/2
Scegli ‘nome e descrizione’
# {nome}
{indirizzo}
{url}
Seleziona l’ingranaggio
Il cancelletto è per l’enfasi
Esportiamo in HTML 1/2
4. Mettere su ON
“Vista attuale invece che quella della mappa predefinita”
2. Cliccare qua
3. Cliccare “Opzioni di esportazione iframe”
1. Centrare la mappa sugli agritur
Esportiamo in HTML 1/2
Copiare l’iframe risultante
e incollarlo nel codice HTML del proprio sito
David Leoni
Coder Dojo Trento
Special thanks to data providers:
Thank you!
Altro materiale: