Inserire mappe interattive all’interno di Blog e Siti Web è da un pò di tempo diventata una pratica piuttosto comune tra blogger e webmaster. Attraverso le API di Google Maps è possibile creare oramai applicazioni e Mash-Up molto sofisticati. Ci siamo già occupati in passato su questo blog di Google Maps e di applicazioni Mash-up per la visualizzazione dei dati ufficiali dell’ISTAT negli articoli “Una nuova Frontiera per la diffusione elettronica dei dati” e “Una nuova Frontiera per la diffusione elettronica dei dati 2.0” (che vi invito a leggere) in cui si evidenziava (con alcuni esempi eloquenti) come le tecnologie ma soprattutto l’evoluzione che si è avuta negli ultimi tempi di “idea” di Web possano essere utilizzate per creare un modo completamente nuovo di fare comunicazione istituzionale e diffusione di dati e informazioni.

Una raccolta di cosa è possibile al momento fare con le API di Google la potete trovare nella “Google Maps API Demo Gallery“, una raccolta di oltre 100 demo (provviste di relativo codice) sviluppate dallo staff di Google ma anche (e soprattutto) da sviluppatori indipendenti.

L’utilizzo delle API di Google, come anche quelle di Yahoo richiedono però una API Key, ossia un codice alfanumerico che identifica univocamente l’URL che andrà ad utilizzare la mappa. Le API Key esistono principalmente per limitare l’utilizzo della quantità di dati che è possibile trasferire, ma anche per consentire l’accesso a servizi avanzati nel caso questi servizi fossero stati acquistati.

Molto spesso, però, le necessità che si possono presentare a un blogger o a un webmaster sono molto più elementari. Ad esempio mostrare l’indirizzo di un locale, di una azienda, di un negozio su una mappa. In tal caso, Google offre una interessante possibilità. Interessante perchè nasce molto dopo il rilascio delle API, precisamente nell’Agosto 2007, ma soprattutto perchè consente con un semplice copia/incolla di inserire all’interno del proprio sito mappe come questa.

Per ottenere il codice da inserire, basta andare su Google Maps e cliccare sul link “Link” a destra sulla mappa. Cliccando poi su “Customize and preview embedded map” si aprirà una finestra in cui possiamo decidere la grandezza della mappa, averne un preview e infine copiare l’”embedding code” da incollare nella nostra pagina Web.

Non solo Google però. Non potevo non approfittare di questa occasione per tornare a parlarvi di OpenStreetMap. Essermi occupato per anni di Open Source Software e aver fatto parte della Commissione Nazionale sul Software Open Source 2007 mi hanno “purtroppo” lasciato segni permanenti . Avevo già parlato di questo progetto alcuni mesi fa nell’articolo “Il progetto OpenStreetMap” mentre vi ricordo che proprio ieri si è concluso a Bolzano il GFOSS Day 2009. La stessa operazione, pertanto, può essere fatta utilizzando mappe e dati geografici “liberi”. Ottenendo una mappa come questa.

In tal caso, per ottenere il codice si dovrà cliccare su “Esporta” nella parte superiore dello schermo del sito OpenStreetMap. Si aprirà una finestra in cui si potrà indicare il formato di esportazione (nel nostro caso “HTML incapsulabile“) Il codice da copiare e incollare comparirà già evidenziato nella parte bassa della finestra. Ovviamente sempre se la mappa della vostra città sia stata digitalizzata. In caso contrario potete farlo voi stessi, aderendo anche voi al progetto OpenStreetMap.