Come inserire una cartina di Google Maps in un blog.

C'è un mashup molto interessante che si chiama UMapper che consente di inserire mappe nei siti con molta facilità e in modo gratuito. Sempre con lo stesso servizio possiamo realizzare anche divertenti giochi geografici. Vediamo adesso come sfruttare alcuni strumenti messi a disposizione da Google per inserire delle mappe nel nostro sito.

Come con GMail anche in Google Maps ci sono diverse funzioni sperimentali raggruppate nei Labs. Dopo aver effettuato l'accesso a Google Mappe tramite il nostro account Google, dobbiamo andare su Impostazioni > Labs di Maps

Ricordo brevemente le funzionalità disponibili che possono essere introdotte mettendo la spunta a Attiva o eliminate con la flag su Disattiva:

1. Strumento di misurazione delle distanze che utilizza Google Earth
2. URL breve per accorciare l'indirizzo di una mappa. Conviene disattivarlo perché rende più difficile l'incorporamento
3. Mostra qui aggiunge una voca al menù contestuale per effettuare lo zoom al massimo livello nel punto in cui si trova il puntatore
4. Trascinamento e Zoom. Si può individuare una zona rettangolare con il mouse dopo aver fatto click sullo strumento trascinamento per poterla ingrandire fino al massimo livello
5. Gioco per scoprire il gioco del mese per imparare la Geografia divertendosi
6. Cosa c'è nei dintorni? Per scoprire i luoghi più popolari nella mappa corrente
7. Descrizione LatLng e Indicatore LatLng per visualizzare le coordinate di un punto specifico della mappa
8. Zoom intelligente per non visualizzare più messaggi del genere "Non abbiamo immagini a questo livello di zoom"
9. Si clicca su Salva modifiche per rendere operativi i cambiamenti.

SE abbiamo disattivato l'URL breve di cui al punto 2) quando clicchiamo su Link in alto a destra, sarà visibile il codice dell'iFrame che possiamo incollare nel nostro sito in modalità HTML

In sostanza si inserisce il nome della località di cui vogliamo ottenere la mappa nella casella di ricerca del servizio e si clicca su Cerca sulla mappe. Con gli strumenti di zoom sulla sinistra ne configuriamo la giusta ampiezza mentre sulla destra selezioniamo la modalità di visione e le informazioni aggiuntive quali il traffico, foto, video, wikipedia e altro ancora quindi clicchiamo su link per acquisire l'iFrame  da incollare nel post o in un gadget HTML/Javascript. Prima dobbiamo però andare su Personalizza e visualizza in anteprima la mappa incorporata per configurare le dimensioni e altri parametri

Visualizzazione ingrandita della mappa

I navigatori potranno interagire con la mappa presente sul nostro sito come farebbero con una presente su Google Maps. Se si usa per pubblicare gli articoli Windows Live Writer, non sarà visualizzata l'anteprima durante la creazione del post ma poi la mappa incorporata sarà correttamente visibile nel nostro sito dopo la pubblicazione dell'articolo. Se si clicca su Visualizzazione ingrandita della mappa si aprirà la relativa pagina di Google Maps. Per maggiori informazioni si può consultare questa Guida per Google Mappe o una Guida più dettagliata se si vogliono inserire altre funzioni.