Le mappe di Google sono un must per qualsiasi pagina contatti, ma possono diventare anche un accattivante elemento di design di una pagina web, se non addirittura l’elemento fondamentale di un sito. Ogni tanto è bello poterle personalizzare, coi propri colori e il proprio design. Con la versione 3 delle API di Google Maps, è possibile cambiare lo stile alle mappe e personalizzarle.. ma bisogna perderci tempo, per i pigri coloro che credono nella condivisione ecco Snazzy Maps, una raccolta di mappe pronte all’uso modificate nei colori e negli elementi visualizzati, ad esempio togliendo il nome delle città o delle strade, cambiando il colore all’acqua e quant’altro..

Questo è il mio personale elenco di stili da tenere in considerazione:

• Subtle Grayscale: va bene sempre, una mappa sulla scala dei grigi, non c’è luogo in cui non si possa mettere.
• Blue Water: sempre scala di grigi, ma il blu dell’acqua accende tutto.
• Lunar landscape: dark style, una mappa nera nera per chi non può rinunciare alla notte.
• Paper: da architetto, punto.
• Unimposed topography: senza nulla, nemmeno le strade.

Buone mappe a tutti.

Google Earth è diventato ormai uno strumento dalle mille potenzialità: esplorazione degli oceani, fotografie, edifici e terreni in 3D, visione dei luoghi nel tempo, registrazione dello schermo, sono solo alcune delle meraviglie del prodotto.

La possibilità di utilizzare file KML generati da altri è un’altra delle cose che rendono Google Earth uno strumento eccezionale per far visualizzare percorsi, itinerari, foto dei luoghi e quant’altro. Le informazioni geolocalizzate permettono di dare al fruitore un contributo unico: vedere i posti vale molto di più che descriverli.

Ebbene, da qualche tempo è disponibile un plugin che permette di portare Google Earth direttamente sulle pagine web, grazie alle Google Earth API. E’ infatti possibile inserire in una pagina web una finestra che visualizza il famoso mondo 3D, caricando un file KML.
Nel futuro non saremo più legati al 2D delle famosissime mappe di Google, ma potremo creare mashup direttamente in 3D. Gli esempi di codice sono davvero vasti e ben documentati.

Ecco il codice dell’esempio sotto, commentato nel javascript che carica il plugin:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="it-IT">
<head>
<title>Esempio Plugin Google Earth con file KML</title>
<script src="http://www.google.com/jsapi?key=LaTuaAPIKey"></script>
<script type="text/javascript">
var ge;
google.load("earth", "1");
//inizializza la mappa prendendo come riferimento l'ID del div che la contiene: map3d
function init() {
google.earth.createInstance('map3d', initCallback, failureCallback);
}
function initCallback(instance) {
ge = instance;
ge.getWindow().setVisibility(true);
// aggiunge i controlli di navigazione
ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);
// aggiunge alcuni livelli: confini e strade
ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS, true);
ge.getLayerRoot().enableLayerById(ge.LAYER_ROADS, true);
// codice per caricare e far visualizzare il file KML
function finished(object) {
if (!object) {
// Gestione degli errori per prevenire i deadlock di alcuni browsers
setTimeout(function() {
alert('Bad or null KML.');
}, 0);
return;
}
ge.getFeatures().appendChild(object);
// imposta latitudine, longitudine e zoom
var la = ge.createLookAt('');
la.set(44.258300, 10.411550, 25, ge.ALTITUDE_RELATIVE_TO_GROUND,
0, 70, 400);
ge.getView().setAbstractView(la);
}
// carica il file KML
var url = 'http://www.diplod.it/wp-content/uploads/2009/08/AlbaCusna.kml';
google.earth.fetchKml(ge, url, finished);
document.getElementById('installed-plugin-version').innerHTML =
ge.getPluginVersion().toString();
}
function failureCallback(errorCode) {
}
google.setOnLoadCallback(init);
</script>
</head>
<body>
<div id="map3d" style="width: 500px; height: 380px;"></div>
</body>
</html>
Ovviamente per far andare il tutto è necessario ottenere una API Key, fornita gratuitamente da Google per il proprio dominio.
Il giochino è davvero meraviglioso, ecco come appare il tutto:

Se vi interessa sapere come ho fatto a generare questo file KML, provate a sbirciare qui: con un cellulare Nokia potrebbe aprirsi un altro mondo.. ;)

Scopro che Vodafone ha un’opzione tariffaria per cui con 2 euro fissi a settimana è possibile navigare gratuitamente senza limiti, utilizzando connessioni dati tramite il punto di accesso wap.omnitel.it (si.. avete capito bene, non 3 euro a settimana, ma 2 euro a settimana, per trovare questa seconda promozione, identica alla sorella più cara, basta cliccare sul link “Scopri la promozione per navigare in Vodafone live! e sui tuoi siti internet preferiti“: confermato pure da un operatore Vodafone). Ebbene, si apre un mondo che per i dispositivi mobili non avrei nemmeno immaginato possibile.

Un cellulare che diventa improvvisamente una porta d’accesso verso quel mondo di informazioni che tipicamente sono proprie di un PC. Ti capita spesso di dover cercare un ristorante mentre sei a spasso in una città inesplorata, e magari vuoi sapere il numero di telefono e gli orari di apertura. Nokia ha fatto incredibili passi avanti con il navigatore integrato, ma è ancora lontano dagli sviluppi di Google Maps. Il sito web di una attività commerciale, il numero di telefono, gli orari di apertura, la stada per arrivare, a partire dalla tua posizione (sia che il cellulare abbia o meno il GPS): sono tutte cose che diventano alla portate di qualsiasi dispositivo evoluto.

Un video come questo fino a poco tempo fa sembrava roba in arrivo tra qualche anno, oggi è realtà. E mai avrei pensato fosse così facile..

I benefici di Google Maps non sono solo quelli riguardanti la ricerca di attività commerciali, ci sono pure le informazioni di Google Transit sui mezzi di trasporto pubblici, in Italia attive oggi su:

• Como ASF Autolinee
• Firenze ATAF&Linea, AMV, ACV
• Genova AMT Genova
• Modena ATCM S.p.A. – Azienda Trasporti Collettivi e Mobilità
• Reggio Emilia ACT
• Torino Gruppo Torinese Trasporti

Un’altra opportunità da sfruttare è quella delle mappe personali, oggi ancora non è possibile fare il login con il proprio account tramite l’applicazione del cellulare, ma dopo aver visto gli immensi passi avanti fatti in questi anni credo proprio che non dovremo aspettare molto..
Magari arrivo tardi, e molti si saranno già divertiti con i servizi mobile di Google, se ancora non l’avete fatto: buona scoperta a tutti.

Ho da poco acquistato un Nokia N79, volevo togliermi una voglia e l’ho fatto. Così nello stesso dispositivo mi sono trovato con un navigatore, una fotocamera in grado di geolocalizzare le immagini scattate e un sacco di altri applicazioni. Il salto rispetto ai telefoni di qualche anno fa è immenso, con tre o quattrocento euro ti porti a casa un aggeggino che ha molte più cose dell’iphone, touchscreen a parte.

Il navigatore e la connettività GPS sono a mio avviso il pezzo forte, avere mappe navigabili con relativi POI è di grande aiuto. POI è una sigla che sta per Point Of Interest, si può decidere che cosa far apparire sulle mappe: dai distributori di carburante ai centri commerciali, dai monumenti ai luoghi di interesse turistico. Le mappe si scaricano prima sul proprio telefono connettendolo al PC via usb, tramite il software Nokia Map Loader. Tutto questo evita di tenere attiva un’esosa connessione che impiega banda e risorse per poter navigare le mappe, i costi delle connessioni GPRS o UMTS degli operatori italiani sono ancora piuttosto elevati. Le mappe sono gratuite, mentre i servizi di navigazione vocale sono a pagamento. E’ una scelta che non condivido, ma è tutto sommato capibile visto gli ingenti investimenti di nokia nel settore.

La casa finlandese sta spingendo molto sui suoi dispositivi multimediali (la famosa serie N) e con OVI, la piattaforma sociale on-line, ha dato il via a quella sana commistione tra web 2.0 e mondo mobile. Basti pensare alle mappe che ora sono sbarcate sul portale: maps su Ovi è un servizio gratuito che permette alle persone di pre-programmare il viaggio stando a casa al proprio PC e successivamente sincronizzarlo con il cellulare, definendo prima di partire le rotte e le destinazioni preferite. Le persone possono condividere la loro posizione e tutti i luoghi socialmente significativi con amici, invitandoli a scambiare opinioni. Altri esempi sono il perfetto supporto di servizi email come Gmail, Hotmail, Yahoo sui dispositivi della serie N; senza contare il fatto che lo stesso OVI offre servizi di email e calendario on-line.

L’emergere di software come Fring poi aprono la strada a tanti affascinanti scenari: Fring è una applicazione java per cellulari che apre l’accesso a Skype®, MSN® Messenger, Google Talk™, ICQ, SIP, Twitter, Yahoo!™ e AIM® direttamente sul proprio telefonino.

Per chi come me viene catapultato nel mondo dei cellulari evoluti il sito dedicato alla N series è un pozzo di scoperte: Widget, web radio, internet e splendide cose come viNe. Se volete mettere un po’ di acquolina in bocca vi consiglio di farci un salto.

Dopo aver giocato qualche giorno con questo aggeggino la domanda sorge spontanea: dove vuole arrivare Nokia e a cosa sta puntando?
Sebbene ultimamente abbia stimato al ribasso le previsioni di mercato, l’unico modo per restare a galla nel settore della telefonia mobile sembra essere quello di offrire servizi software integrati col personal computer. Non solo hardware di qualità quindi, ma anche e soprattutto software e servizi: mappe, sharing on-line, messaggistica, organizer. Apple e il suo iPhone hanno aperto la strada, ma Nokia non è rimasta di certo a guardare. Dopo aver toccato con mano questi servizi, mi sento di affermare che la differenza tra i due mondi è molta e la bilancia pende tutta a favore di Nokia. Apple è incredibilmente brava nel marketing, ma un dispositivo da 600 euro (senza navigatore o geotagging delle foto, senza possibilità di registrare video.. solo per citarne alcune) non vale uno degli ultimi apparecchi della serie N. Nella mia modestissima opinione.
Qualche mese riferivo dello scetticismo a riguardo degli aggeggini tutto fare, oggi devo in parte ricredermi..

All’interno di un indirizzo web vengono passati i dati per la costruzione del grafico, sottoforma di parametri, e Google ci restituisce una immagine realizzata a partire da quei dati. Quale migliore occasione dei dati elettorali per fare qualche prova?

La documentazione (in inglese) è impeccabile, sono presenti un sacco di esempi che aiutano lo sviluppatore. Ho costruito la torta dei risultati elettorali del mio paese, sulla base di questo url.

Vediamolo commentato:

chs=800x300 <!--dimensioni del grafico in pixel-->
&chd=t:4.1,2.96,23.69,6.69,2.19,4.55,52.33,0.37,3.12 <!--serie di dati: percentuali-->
&cht=p3 <!--tipo di grafico: a torta-->
&chco=ebebeb,ff0000,0090ff,1db000,373737,db4aff,31a142,bc424b,ffcc00 <!--colori delle fette--> &chl=UDC|SINISTRA%20L'ARCOBALENO|POPOLO%20DELLA%20LIBERTA'|LEGA%20NORD|LA%20DESTRA|ITALIA%20DEI%20VALORI|PARTITO%20DEMOCRATICO|PARTITO%20SOCIALISTA|ALTRI <!--etichette dei dati-->

Per ottenere l’immagine direttamente sulla pagina web, basta inserire l’url appena costruito nel tag <img> avendo cura di convertire i caratteri ‘&’ in ‘&’, in questo modo:

<img src="http://chart.apis.google.com/chart?
chs=800x300
&chd=t:4.1,2.96,23.69,6.69,2.19,4.55,52.33,0.37,3.12
&cht=p3
&chco=ebebeb,ff0000,0090ff,1db000,373737,db4aff,31a142,bc424b,ffcc00
&chl=UDC|SINISTRA%20L'ARCOBALENO|POPOLO%20DELLA%20LIBERTA'|LEGA%20NORD|LA%20DESTRA|ITALIA%20DEI%20VALORI|PARTITO%20DEMOCRATICO|PARTITO%20SOCIALISTA|ALTRI" alt="risultati senato" />


Ed ecco il risultato finale, per i voti al Senato della Repubblica.

Se vi interessa anche la Camera dei Deputati.. Tanto ormai avrete capito che vivo in Emilia. :)

Decisamente comodo il servizio, soprattutto se dobbiamo trattare dati variabili, magari estratti da un database: come dati finanziari o altro. Non a caso infatti il servizio è utilizzato su Google Finance.
L’unica cosa che mi lascia perplesso è l’impossibilità di scrivere i valori sul grafico, cosa che potrebbe essere utile soprattutto per i grafici a torta. Nei grafici a barre invece è possibile assegnare valori sugli assi.

Google fornisce anche un esempio di javascript per la realizzazione automatica di un grafico a partire da un array di dati. Se invece volete qualcosa di più visuale, c’è già chi ha pensato al Google Chart Generator oppure al Google Graph Builder, dove è possibile ottenere il codice dell’url grazie a un comodo editor on-line.

Ma non è finita qui, le APIs Chart permettono anche di creare grafici sulla base di cartine geografiche. Il concetto è sempre quello: un url con diversi parametri. Ed ecco che cosa si può ottenere:

Questo il codice:

<img src="http://chart.apis.google.com/chart?cht=t&chs=440x220&chd=s:Af9&chtm=europe&chco=ffffff,edf0d4,13390a&chld=FRITNL&chf=bg,s,EAF7FE" alt="cartina europa" />


Si potrebbe sfruttare per segnalare la presenza di dispositivi mobili su un’area geografica, colorando con un gradiente le aree più dense.. Insomma: in tutte quelle situazioni in cui c’è esigenza di mappare in maniere automatica dati in evoluzione.

Se penso al diffondersi dei palmari e alle crescenti esigenze di geolocalizzazone gli scenari sono molteplici. Ma anche senza vagare troppo con l’immaginazione, basta pensare alla monitorizzazione degli accessi a una pagina web, a sondaggi, alla pubblicazione di dati finanziari.. Quello di Google Charts è un servizio veloce (i tempi di risposta sono immediati) e soprattutto gratuito.

L’unico limite sono 250000 chiamate al giorno, se pensate di superarle meglio avvisare via mail.