Come inserire le Mappe di Google Map Street Views sul sito o blog

Inserire le mappe di Google Maps ( seconda immagine in alto ) e Google Street Views ( prima immagine in alto ) su un sito è una cosa semplicissima eppure sono molti che ancora non sanno farlo. Anzi ci sono persone che neanche conoscono questa opzione. Quindi oggi su YouGeek vedremo come si inserisce una mappa sul nostro blog ( Wordpress, Drupal, Blogger, Joomla, ecc ) , su un social network e su qualsiasi altro sito.

Cliccando sulle mappe con il tasto sinistro del mouse( anche quelle in alto in questo articolo ) e muovendo il mouse possiamo navigare proprio come sul sito di google maps. Una cosa fantastica e molto utile :)

Vediamo la procedura passo passo:

1) Per prima cosa cerchiamo la mappa di nostro interesse su Google Maps.

2) In alto a destra noteremo un pulsantino Link. Clicchiamolo

3) Sotto la scritta Paste HTML to embed to website noteremo un codice simile a questo:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=colosseo&amp;ie=UTF8&amp;ll=47.257017,-30.274878&amp;spn=12.667174,85.541716&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=colosseo&amp;ie=UTF8&amp;ll=47.257017,-30.274878&amp;spn=12.667174,85.541716" style="color:#0000FF;text-align:left">View Larger Map</a></small>

4) Incolliamo questo codice sul sito che ci interessa.

Ricordo che è possibile variare le dimensioni della mappa a piacimento, variando i parametri width e height proprio come abbiamo visto ieri con i video di YouTube.

Semplice no ? Buon divertimento :)

P.s. Mi raccomando commentate se qualcosa non è chiaro