Pubblicato il 23/05/11e aggiornato il

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

labs di map

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

codice google maps

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



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.





4 commenti :

  1. i tuoi articoli sono sempre interessantissimi e di aiuto per me....ne approfitto per chiederti se hai una soluzione quando chrome non riesce ad aprire le pagine....praticamente resta bianco quando cerco una determinata pagina....non saprei a chi rivolgermi e siccome tu sei un "genio" del pc ne ho approfittato...grazie in anticipo!!!Clavirste

    RispondiElimina
  2. io l'ho inserita nella home page utilizzando i gadget google, comunque proverò anche questo metodo

    RispondiElimina
  3. @lafamevienmangiando
    Altro che genio!
    Anche a me succede spesso questo fatto con Chrome. Con le versioni precedenti non mi accadeva. Quindi presumo sia un bug del browser che spero venga risolto con il prossimo aggiornamento.

    RispondiElimina
  4. grazie per la risposta... ;...quindi io non devo fare nulla, presumo...altrimenti me lo avresti detto, no???...ancora grazie

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.