Creare mappe personalizzate con i dati di OpenStreetMap

Una delle cose più interessanti del progetto OpenStreetMap, a mio avviso, è il fatto che tale progetto mantiene un archivio non di semplici mappe bensì dei dati necessari a realizzarle; parliamo di descrizioni vettoriali di strade con relativi tag descrittivi, descrizioni di aree, ma anche infinite tipologie di punti di interesse (si va dai negozi fino alle strisce pedonali, passando per i parcheggi e le fontanelle d’acqua potabile).

Questa mole di dati non può entrare tutta in un’unica mappa, sarebbe inutile. Esiste però la possibilità di utilizzare questi dati per generare una mappa personalizzata, scegliendo ad esempio che tipo di POI (Point Of Interest) inserire; se voglio fare una passeggiata in bici, vorrò una mappa con le fontanelle dell’acqua potabile e i sentieri di montagna, e non avrò certo bisogno di conoscere la posizione di parcheggi o delle autostrade nella zona.

Oppure voglio solo renderizzare la mappa con gli ultimi dati disponibili, che magari ho inserito io: la mappa disponibile sul sito viene aggiornata solo una volta alla settimana, mentre i dati disponibili come vedremo in seguito sono sempre alla verione più recente.

Come posso fare a procurarmi i dati aggiornati da osm, selezionare la posizione che mi occorre, generare la mappa ed esportarla in un file grafico? Procediamo con ordine.

Recupero dei dati OSM

Il modo più semplice per recuperare i dati OSM è dalla mappa principale del progetto, su www.openstreetmap.org. Clicchiamo sulla tab “Export” in alto sulla pagina, scegliamo la zona desiderata sulla mappa e il livello di zoom richiesto. Sotto la voce “Format to Export” scegliamo “OpenStreetMap XML Data” (dimenticavo, l’opzione è disponibile solo per aree relativamente modeste (una cittadina al massimo, non una provincia) altrimenti i dati diventerebbero troppi). Volendo possiamo utilizzare l’opzione “Manually select a different area”, per selezionare un rettangolo particolare della mappa. A questo punto clicchiamo su “Export”, e rinominiamo il file scaricato in “data.osm” (vedremo poi il perchè).

Compilazione della mappa

Il prossimo passo è sfruttare il file osm appena scaricato per creare la mappa, per ora ancora in formato vettoriale. Per questa fase avremo bisogno dell’utility “xsltproc”, disponibile di default in Linux e Mac Os (gli utenti Winzoz si arrangino ). Questa utility altro non è che una sorta di compilatore per file xml: gli diamo in pasto un file xml (i dati scaricati), un file di comandi, un foglio di stile e lui in cambio creerà un file grafico vettoriale che rappresenta la mappa. Procediamo con ordine.

• Il file di comandi è l’”OsmRenderer”, il sistema di rendering utilizzato per le mappe complete del progetto OSM. Possiamo scaricarne l’ultima versione qui dall’svn di openstreetmap, nella cartella xslt/osmarender.xsl.

• Il file di stile è quello che, appunto, descrive cosa rappresentare sulla mappa e come rappresentarlo. Per iniziare scarichiamo il file utilizzato dal sistema di rendering di OSM per il livello di zoom 17 (quello più dettagliato). Lo possiamo trovare in stilesheets/osm-map-features-z17.xml. Non vale la pena perdere troppo tempo nel descriverne la sintassi, è tanto semplice e ben commentato che la cosa migliore è fare prove e confrontare i risultati finali, alla ricerca della soluzione migliore per le nostre esigenze. Basti sapere che è questo che dobbiamo modificare per decidere come sarà la nostra mappa personalizzata.

• Per finire, dobbiamo procurarci i files corrispondenti ai simboli speciali che saranno inseriti sui POI sulla mappa: la troviamo sempre nell’svn, nella cartella symbols/, che dovrà essere copiata (sempre con questo nome) all’interno della cartella in cui già si trovano i files procurati in precedenza. E’ possibile saltare questo passaggio, verranno mostrati dei warning in fase di compilazione ma la mappa verrà creata comunque.

A questo punto abbiamo il tutto, non ci resta che mescolare bene gli ingredienti:

xsltproc osmarender.xsl osm-map-features-z17.xml > map.svg

A questo punto abbiamo creato un file in formato svg contenente la rappresentazione della nostra bella mappa.

Ultimi ritocchi

C’è un problema solo da sistemare: il formato SVG non è certo un formato amichevole. E’ un formato vettoriale, il che significa che può essere ridimensionato a piacere senza perdere qualità, ma non è gestito da tutti i programmi di grafica in giro. Tanto vale trasformarlo in un comodo PNG, no?

Per la semplice visualizzazione (giusto per vedere se ci piace) possiamo aprirlo con Firefox3. Safari lo apre ma ho notato che lo visualizza male (non so perchè). Idem GIMP, almeno sul mio mac.

Per esportarlo in png ci conviene usare l’utility “convert”, della suite “ImageMagick”. Se non l’abbiamo sul sistema, possiamo installarla così:

su mac: con MacPorts installato è sufficiente un “sudo port install imagemagick”, altrimenti possiamo scaricare i binari precompilati dal sito.

su Ubuntu: basta un semplice “sudo apt-get install imagemagick”

Una volta installata possiamo utilizzarla per trasformare la nostra immagine svg in un comodo png. Il comando seguente, ad esempio, ci permette di creare un png di altezza 500px e qualità medio-alta:

convert -density 300 -scale 500 map.svg map.png

Ecco gli ultimi aggiornamenti che ho apportato alla mappa del mio paesello, in questa bellissima mappa fresca fresca di rendering:

Per un qualche motivo che non ho ben capito (e potrebbe benissimo essere dovuto all’accumularsi di esperimenti software dolorosi sul mio computer) il convert sul mac non mi funziona a dovere, quindi ho dovuto scavare alla ricerca di un’alternativa. L’utility migliore che sono stato capace di individuare è Squiggle. Con questo programma è possibile aprire l’svg, zoomarlo, spostarmi dove voglio e alla fine esportare comodamente l’inquadratura come file PNG.

Unica nota: spesso durante l’apertura del file svg Squiggle dà qualche problema, legato alla non perfetta aderenza del file creato con lo standard svg; basta dargli l’OK a qualunque indicazione di errore e poi ridimensionare la finestra aperta: la mappa verrà visualizzata correttamente lo stesso.