Google maps, come mettere una mappa nel sito

di Maria Silvana Radice





Come mettere una mappa nel sito con Google maps

How to put a map on the website with Google maps


Primo metodo, tramite script:




Per incorporare questa semplice mappa, potete usare il codice seguente:


Dove segnato in rosso, dovete inserire le coordinate della localita` a cui la mappa si deve riferire. Per trovare le coordinate, potete rivolgervi a questo servizio: http://www.mapcoordinates.net/it

Secondo metodo, tramite le opzioni di Google Maps:





Potete incorporare una mappa prelevando il codice direttamente da Google Maps: https://www.google.com/maps/
Dopo aver cercato la localita` che vi interessa, cliccate su "Condividi o incorpora mappa"...



E poi su "Incorpora mappa"....




Aprendo il menu` a tendina, potete anche scegliere la dimensione preferita....




Creare una mappa personalizzata:


Sempre da Google Maps avete la possibilita` di creare una mappa personalizzata, con indicatori e anche, se volete, l'itinerario tracciato, piu` altre opzioni varie. Per fare questo, dovete cliccare su "Le mie mappe"...


...e poi su "Crea mappa".
Una volta creata la mappa, secondo le vostre esigenze, potete incorporarla nel sito. Per poterlo fare, dovete, per prima cosa, renderla pubblica, cliccando su "Condividi", in alto. Se non lo farete, vi verra` chiesto (questa impostazione potra` essere modificata in "Chi ha il link", ma solo dopo aver ottenuto il codice di incorporamento).
Fatto questo, aprite il menu` a tendina e cliccate su "Incorpora sul mio sito"....






Copiate il codice iFrame per incorporare la mappa sul vostro sito web





Il file della mappa verra` salvato nel vostro Google Drive.
E` possibile anche creare la mappa direttamente in Google Drive, mediante l'applicazione apposita....





Come caricare queste mappe in Google sites:


Per inserire la prima mappa, in javascript, in Google sites, dovete seguire la guida: Come inserire codici e scripts in Google sites.
Il codice iFrame delle altre mappe, invece, puo` essere caricato direttamente nel codice HTML della pagina, oppure utilizzando lo strumento "Embed gadget" (inserisci -> altri gadget -> Embed gadget).
Dopo aver caricato la mappa, cliccando sulla rotella delle impostazioni, potete modificare le dimensioni. Soprattutto, e` importante cambiare la larghezza, espressa in pixel di default e metterla in percentuale, in modo che la mappa possa essere visualizzata correttamente anche sui dispositivi mobili.

Una precisazione per la mappa personalizzata. Se avete necessita` di impostare la larghezza in una percentuale minore del 100%, la cosa migliore da fare e` togliere le dimensioni dal codice....

Es: <iframe src="https://www.google.com/maps/d/u/0/embed?mid=z27WIUPU6EZU.kWzdMDAPxdjE" width="640" height="480"></iframe>

Dopo aver caricato la mappa, cliccate sulla rotella delle impostazioni del gadget e modificate correttamente le dimensioni secondo le vostre esigenze.



Google sites ha anche una sua funzione nativa per caricare Google Maps, che si trova seguendo il percorso Inserisci->Mappa. Potete creare direttamente una mappa, oppure caricare una mappa personalizzata che avete creato con Google maps. In quest'ultimo caso, dovete cliccare su "Le mie mappe" e poi su "Seleziona".
Anche in questo caso, ricordatevi di impostare la larghezza sul 100% per avere una mappa ottimizzata per il mobile. Se vi serve una mappa piu` piccola, centrata nella pagina, dovete seguire le indicazioni della guida: Google sites - come ottimizzare il sito e i contenuti per il mobile.