Scarica Google Earth

Incorporamento di mappe in un sito web

 

Nell'esercitazione "Creazione di mappe dalla scheda Le mie mappe" abbiamo illustrato alcuni possibili usi delle mappe da parte delle organizzazioni. Ora spieghiamo invece come incorporare una mappa in un sito web o in un blog (a seconda della località in cui vivi). In un sito web puoi incorporare una semplice mappa, un insieme di indicazioni stradali, una mappa creata utilizzando la scheda "Le mie mappe", la mappa di una ricerca locale o le mappe create da altri utenti.

 

Per iniziare

Probabilmente preferisci incorporare la mappa direttamente nel tuo sito. Considerati gli scopi di questa esercitazione, per spiegare come integrare la mappa in un sito web e in un post di un blog utilizzeremo sia Google Page Creator che Blogger. Se invece preferisci modificare il tuo sito direttamente, consulta la parte iniziale dell'esercitazione, dove vengono fornite le istruzioni necessarie per eseguire questa operazione. Se non possiedi un sito web o ti interessa solo sapere come aggiungere mappe ai post del tuo blog, nell'esercitazione troverai le istruzioni per eseguire questa operazione utilizzando Google Page Creator e Blogger.

1. Accedi a Google Maps. Apri la mappa che desideri inserire nel tuo sito web. Puoi incorporare una mappa di indicazioni stradali, una ricerca locale o una mappa creata utilizzando la scheda "Le mie mappe". Se desideri visualizzare le mappe salvate, accedi utilizzando il tuo account Google. Se non disponi di un account Google, registrati qui.

Faremo riferimento alla pagina dedicata alla pulizia della spiaggia di Santa Cruz creata nell'ambito dell'esercitazione "Creazione di mappe dalla scheda Le mie mappe".

2. Fai clic su Collegamento a questa pagina e copia il codice dal campo Incolla HTML da incorporare nel sito web. Per ridimensionare la mappa e visualizzarne un'anteprima, fai clic su Personalizza e visualizza in anteprima la mappa incorporata. Tieni sempre presente che non è possibile incorporare mappe del traffico, immagini con viste di strade o mapplet.

3. Apri l'applicazione che utilizzi normalmente per la modifica delle pagine web e all'interno del tuo sito individua la posizione ideale in cui incorporare la mappa (di seguito sono riportati gli esempi relativi all'utilizzo di Google Page Creator e Blogger).

4. Incolla il codice della mappa nel codice HTML nel punto in cui desideri che la mappa venga visualizzata.

5. Salva la pagina web e visualizza la mappa appena incorporata.

Le mie mappe

 

Utilizzo di Google Page Creator

1. Apri Google Page Creator e se non hai già effettuato l'accesso, eseguilo utilizzando il tuo account Google.

2. Fai clic su "Create a new page..." (Crea nuova pagina…).

3. Immetti un titolo per la pagina e premi il pulsante "Create and Edit" (Crea e modifica).

Le mie mappe

4. Fai clic sull'area in cui desideri che la mappa venga visualizzata e apri "Edit HTML" (Modifica HTML) nell'angolo inferiore destro.

Le mie mappe

5. Incolla nella finestra il testo copiato dal campo Incolla HTML da incorporare nel sito web.

6. Seleziona Update (Aggiorna). La mappa può essere visualizzata solo se apri la pagina "Preview" (Anteprima) o "Published" (Pubblicata).
La pagina finale dovrebbe risultare simile a quella raffigurata, tenendo in considerazione le differenze di modello:

Le mie mappe

L'operazione è completa. Adesso disponi degli strumenti necessari per condividere qualsiasi mappa con il resto mondo dal tuo dominio.

 

Utilizzo di Blogger

1. Accedi a Blogger e apri la pagina iniziale del tuo blog. Se non possiedi un blog, aprirne uno è facilissimo. Accedi con il tuo account Google e segui la semplice procedura di creazione indicata.

2. Una volta entrato nella pagina iniziale del blog, apri la scheda "Post" e seleziona "Crea".

3. Immetti il titolo del post e il testo che deve accompagnare la mappa. Fai clic sulla scheda "Modifica HTML".

4. Torna a Google Maps e copia il testo presente nel campo Incolla HTML da incorporare nel sito web. Poiché il nostro obiettivo è fornire agli utenti le indicazioni stradali necessarie per poterci raggiungere e partecipare alla nostra iniziativa di pulizia della spiaggia di Santa Cruz, utilizziamo il codice HTML ricavato da questo risultato di ricerca.

Dovremmo trovarci in questa fase:

Blogger

5. Visualizza un'anteprima della mappa nel post e, se sei soddisfatto del risultato, premi il pulsante "Pubblica post".

Le mie mappe

Congratulazioni. Sei riuscito a incorporare una mappa in un post del tuo blog.

 

Passa la parola sulla tua iniziativa

Una volta che avrai acquisito dimestichezza con l'incorporamento di mappe direttamente nel sito web o nel blog, i visitatori del sito potranno visualizzare i risultati del tuo lavoro.

Se hai creato una mappa utilizzando la scheda "Le mie mappe", hai selezionato l'opzione "Pubblica" o "Privata". Se hai scelto "Pubblica", la mappa risulta visibile a tutti gli utenti di Google Maps. Hai inoltre la possibilità di consultare le mappe di altri utenti. Per far ciò, procedi nel seguente modo:

1. Apri Google Maps e fai clic sulla scheda "Le mie mappe". Ingrandisci l'area che ti interessa.
2. Cerca in "Contenuti disponibili" e fai clic su "Sfoglia le mappe più viste".

Se individui una mappa che ti piace particolarmente, puoi salvarla in Le mie mappe.

Ulteriori informazioni su Google Maps e sull'incorporamento delle relative API nel tuo sito web utilizzando JavaScript.

 

Discussione/commenti

Hai qualche domanda su questa esercitazione? Vuoi inviarci i tuoi commenti? Accedi al Gruppo di discussione di Google Earth per il Sociale per confrontarti con gli altri utenti.

 

Altri argomenti

In questa esercitazione abbiamo spiegato come incorporare una mappa in un sito web. Se sei interessato, puoi imparare a perfezionare le tue mappe o i tuoi segnaposto di Google Earth con i video di YouTube.

Se invece desideri creare segnaposto personalizzati in Google Earth, consulta la seguente esercitazione: