Come mettere una mappa nel sito con Google Maps

Sommario:


NOTA: La mappa posta come esempio ha la proprietà di poter essere attivata dopo il caricamento della pagina, per non rallentarlo. Questa e altre utilissime funzionalità caratterizzano i siti di SilvanaSites.


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"...
Mappa Google nel sito web
E poi su "Incorpora mappa"....
Mappa Google nel sito web
Aprendo il menu` a tendina, potete anche scegliere la dimensione preferita....
Mappa Google nel sito web

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"...
Mappa Google nel sito web
...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"....
Mappa Google nel sito web
Copiate il codice iFrame per incorporare la mappa sul vostro sito web..
Mappa Google nel 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....
Mappa Google nel sito web

Street View

È anche possibile incorporare la versione Street View della mappa. Dalla vostra mappa passate, quindi, alla vista Street View e poi cliccate su "Condividi o incorpora immagine"..
Mappa Google nel sito web
Nella finestra che si aprirà, cliccate su "Incorpora immagine", prelevate il codice di incorporamento e incollatelo nella pagina del vostro sito.

Per una mappa responsive, potete utilizzare il tool: "iFrame Tool"

Itinerario

Esempio funzionante:

Calcola il tuo itinerario:

Se volete offrire ai vostri visitatori la possibilità di ottenere subito l'itinerario per raggiungervi, potete farlo utilizzando questo codice:
<form action="https://maps.google.com/maps" method="get" target=”_blank”>
Calcola il tuo itinerario:<br>
<input name="saddr" type="text" placeholder="partenza da..">
<input name="daddr" value="Via+Petrosa,+8,+50019+Sesto+Fiorentino+FI,+Italia" type="hidden">
<input value="Vai!" type="submit"><p></p>
</form>

Nel campo "value" relativo, dovete sostituire l'indirizzo dimostrativo con il vostro indirizzo, usando lo stesso metodo di scrittura. L'indirizzo così compilato è equivale a quello visualizzato nella barra di navigazione del browser dopo aver effettuato la ricerca in Google Maps. Non è obbligatorio inserire tutti i campi.






Fammi sapere se questo argomento ti è stato utile.
Se non ti è stato utile, potrai inviare le tue osservazioni. Grazie
Ti è stato utile questo argomento?
Si
No

Continua con:
E molto altro ancora se leggi:
Tutti gli argomenti