Pubblicato il 20/07/14e aggiornato il

Come incorporare Google Maps con Street Views in un sito.

Come embeddare in un sito, in un blog o in una pagina web una mappa di Google Maps ancher con Steet View.
Per incorporare una mappa di Google nel proprio blog bisogna andare su Google Maps, cercare la località di cui vogliamo la mappa, cliccare sulla icona  della ruota dentata in basso a destra per poi scegliere Condividi e incorpora mappa. Tra le due opzioni presentate si sceglie la scheda Incorpora mappa, si seleziona e si copia il codice dell'iframe che potrà poi essere incollato in un widget HTML oppure in una qualunque pagina web. 

La nuova versione di Google Maps non offre però la possibilità di embeddare le straordinarie immagini si Street View come accadeva con la vecchia versione. Digital Inspiration ha creato una applicazione web basata sulle API di Google Maps che invece offre questa opzione. Dopo aver aperto la applicazione basta incollare nella casella di ricerca la località di cui vogliamo incorporare la mappa

incorporare-google-maps-street-view

Utilizzando lo zoom in alto a sinistra si può affinare la mappa come si vuole. Contestualmente in basso a sinistra si visualizzerà il codice da selezionare, copiare e incollare. 

codice-google-maps-sito-web

In alto a destra si può scegliere tra la visualizzazione normale della mappa o quella da satellite. Ogni variazione del posizionamento e delle impostazioni della mappa si ripercuoterà contestualmente nel codice mostrato in basso a sinistra. Ma veniamo alla possibilità di implementare Street View nel sito. Nella applicazione è visibile una icona di un uomo stilizzato (pegman) sopra allo strumento del menù. Per attivare Street View basterà fare il drag & drop di tale icona fino al punto desiderato

incorporare-google-street-view

La pagina mostrerà le strade con street view disponibile colorate di blu. Dopo il posizionamento del pegman si visualizzeranno le immagini delle strade. In basso si potrà copiare il codice 

codice-street-view

Dopo l'implementazione del codice nel nostro sito il lettore potrà mediante il mouse navigare sulle immagini panoramiche di Street View per visualizzare tutta la zona mostrata. Ricordo brevemente quali sono le procedure principali per spostarsi in Google Street View
  1. Si clicca con il mouse sulla posizione in cui andare
  2. Per guardarti intorno si fa clic con il mouse e si trascina o si usano le frecce direzionali
  3. Per aumentare o diminuire lo zoom si può usare il touchpad oppure i tasti + e - posizionati sotto la bussola.




1 commento :

  1. Wow! Davvero interessante e utile per il mio progetto.

    Grazie per il suggerimento e buona domenica. :)


    E.

    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.