Incorpora una mappa di Google in tre passaggi, oppure genera qui il codice: un iframe responsive con caricamento lazy, una versione facoltativa che si carica al clic per la privacy e l'opzione ufficiale della Maps Embed API.
Per incorporare una mappa di Google, apri il luogo in Google Maps, scegli Condividi, poi Incorpora una mappa, e copia l'HTML. Incollalo dove deve comparire la mappa. Per un risultato migliore, racchiudi l'iframe in un contenitore che si ridimensiona sui telefoni, aggiungi loading="lazy" e valuta una versione che si carica al clic, così Google viene contattato solo quando un visitatore chiede la mappa.
Tre modi per ottenere il codice di incorporamento
Il generatore qui sotto scrive il codice al posto tuo partendo da un indirizzo, dalla tua chiave della Maps Embed API o dal codice che ti fornisce Google. Aggiunge sempre un contenitore responsive e un titolo, e può racchiudere la mappa in un pulsante che la carica al clic.
Sì per il codice di Condividi, Incorpora una mappa. La Maps Embed API, che richiede una chiave, è indicata da Google come gratuita. Altri prodotti Maps, come la mappa JavaScript con indicatori personalizzati, sono fatturati in base all'uso dopo una quota gratuita mensile, quindi controlla i prezzi attuali prima di usarli.
Il codice copiato imposta una larghezza e un'altezza fisse, ad esempio 600 per 450 pixel. Rimuovile e racchiudi l'iframe in un contenitore che usa la proprietà CSS aspect-ratio, come nel risultato del generatore, così si adatta allo schermo.
Caricare la mappa invia a Google l'indirizzo IP e i dati del browser del visitatore, e Google può impostare dei cookie. Nei paesi con regole severe sul consenso, molti siti mostrano un segnaposto con un pulsante Mostra mappa e caricano la mappa solo dopo quel clic, che è proprio ciò che fa l'opzione click-to-load. In ogni caso, cita la mappa nella tua informativa sulla privacy.
Indicazioni stradali: usa la scheda Indicazioni in Google Maps prima di scegliere Condividi, oppure la modalità directions della Maps Embed API. Più segnaposti: crea una mappa in Google My Maps, rendila pubblica, poi usa la sua opzione Incorpora nel mio sito.
Non direttamente. Per la ricerca locale contano un profilo dell'attività su Google completo e nome, indirizzo e numero di telefono coerenti su tutto il web. La mappa aiuta i visitatori a trovarti, e questo è già un motivo sufficiente.
Se hai già copiato l'iframe di Google, incollalo dentro questo contenitore ed elimina i suoi attributi width, height e style.
Il contenitore mantiene proporzioni 4 per 3 a qualsiasi larghezza. Sostituisci src con quello del codice che hai copiato.
Origine
Da un indirizzo
Incolla il codice di Google
Chiave Maps Embed API
Codice o URL da Condividi, Incorpora una mappa
Indirizzo o luogo
Zoom: {n}
Chiave API (limitala al tuo dominio)
Questo usa la forma con indirizzo q=, che Google non documenta. Per un'opzione ufficiale usa il codice copiato o una chiave API.
Forma
Titolo per gli screen reader
Mappa della nostra sede
Carica al clic (privacy)
Anteprima del codice della mappa generato
Copia il codice di incorporamento
Inserisci un indirizzo o incolla il codice copiato da Google Maps.
Inizia gratis · Nessuna carta di credito richiesta