Come aggiungere Google Maps a un sito Turbosite

Google Maps è lo standard mondiale per la cartografia. È ideale per siti con un pubblico internazionale o per il settore turistico. Il modo più semplice è incorporare la mappa tramite iframe direttamente dall’interfaccia di Google Maps, senza bisogno di una chiave API. È gratuito e l’installazione richiede 5 minuti.

Cosa ti servirà

• Un account Google (non obbligatorio per l’iframe di base) — registrazione
• Un sito pubblicato su Turbosite
• 5 minuti

Passaggio 1. Ottenere il codice della mappa

1. Apri google.com/maps.
2. Cerca l’indirizzo o l’organizzazione desiderata nella barra di ricerca.
3. Sulla scheda del luogo, clicca sul pulsante «Condividi» (l’icona con la freccia).
4. Nella finestra che si apre, seleziona la scheda «Incorpora una mappa» (Embed a map).
5. Scegli le dimensioni della mappa: piccola, media, grande o personalizzata.
6. Copia il codice iframe generato.

📷 Screenshot: finestra «Incorpora una mappa» in Google Maps con il codice iframe e le opzioni di dimensione.

Passaggio 2. Inserire il codice in Turbosite

La mappa appare in un punto specifico della pagina (solitamente nel blocco «Contatti»), quindi il codice va inserito nel corpo della pagina.

1. Apri il tuo sito in Turbosite.
2. Aggiungi il blocco «Codice HTML» nel punto desiderato della pagina.
3. Incolla l’iframe di Google Maps copiato.
4. Salva le modifiche.
5. Pubblica il sito.

📷 [screenshot di Turbosite — da aggiungere: blocco Codice HTML nel corpo della pagina con la mappa di Google].

Passaggio 3. Verificare che la mappa funzioni

1. Apri il sito pubblicato.
2. Scorri fino al blocco con la mappa: dovrebbe caricarsi in 1-2 secondi.
3. Verifica l’interattività: clicca sul segnaposto, prova a ingrandire, leggi la scheda del luogo.
4. Apri il sito da mobile: la mappa dovrebbe adattarsi.

Domande frequenti

La mappa viene tagliata su mobile o non occupa tutta la larghezza. Nell’iframe, rimuovi i valori fissi width="600" e height="450" e racchiudi l’iframe in un <div> con una classe CSS per l’adattabilità:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="tuo_src" 
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
          frameborder="0" allowfullscreen>
  </iframe>
</div>

È necessaria una chiave API? Per l’iframe di base dal menu «Condividi», no. La chiave API è necessaria solo se utilizzi direttamente Google Maps Embed API o JavaScript API per la personalizzazione (segnalini personalizzati, percorsi, stili).

È possibile aggiungere un segnaposto o un percorso personalizzato? Tramite iframe, solo ciò che è presente in Google Maps. Per i tuoi segnaposto, crea una mappa in Google My Maps e poi ottieni l’iframe da lì.

Tariffe di Google Maps Platform. Dal 2025, Google Maps Platform ha modificato la tariffazione: invece di un credito gratuito generale, ci sono limiti mensili separati per ogni prodotto. L’iframe di base (Embed) funziona gratuitamente senza restrizioni. Se utilizzi JavaScript API, controlla i limiti nella Cloud Console.

La mappa è in russo, ma la voglio in inglese. Google determina automaticamente la lingua in base alle impostazioni del browser. Per impostare una lingua fissa, aggiungi il parametro &hl=en (o un altro codice lingua) all’URL dell’iframe.

Cosa consultare dopo

• Google Maps Platform Documentation — documentazione ufficiale
• Google My Maps — creazione di mappe personalizzate con segnaposto
• Prezzi di Google Maps Platform — tariffe aggiornate