Aggiungere Google Maps

Incorporare una mappa di Google Maps nel tuo sito creato con RevasOS è facile e ti permette di mostrare in modo professionale una posizione o una guida geografica ai tuoi visitatori. Segui i passaggi qui sotto.

Attenzione alla privacy

Quando inserisci questo tipo di scripts che possono installare cookies o raccogliere informazioni sull'utente e i suoi dispositivi, ricordati di avere sempre attiva la gestione dei consensi tramite Consent Platform Managemtn, ad esempio Iubenda.

Ottieni il codice

1. Vai su Google Maps: Apri Google Maps nel tuo browser.
2. Trova la posizione: Cerca la posizione che desideri mostrare nella mappa.
3. Apri il menu di condivisione:
   • Clicca sull'icona Condividi (di solito rappresentata da una freccia o un link).
   • Vai alla scheda Incorpora una mappa.
4. Personalizza la dimensione:
   • Scegli la dimensione predefinita (Piccola, Media, Grande) o seleziona Dimensioni personalizzate per definire altezza e larghezza.
5. Copia il codice embed:
   • Copia il codice HTML fornito (inizia con <iframe>).

Inserisci il codice su RevasOS

Ottenuto il codice, vai su RevasOS e:

1. Vai nella pagina in cui desideri inserire la mappa.
2. Clicca su Nuovo blocco e seleziona Nuovo blocco di codice.
3. Incolla il codice nel blocco.
4. Salva la pagina per rendere visibile la mappa sul tuo sito.

Modificare la dimensione e l'aspetto della mappa inserita

Se desideri cambiare la dimensione della mappa (ad esempio, renderla a tutta pagina o centrarla con del padding), puoi farlo modificando il codice HTML dell'iframe. Ecco come:

1. Copia il codice dell'iframe della mappa che hai già inserito.
2. Incollalo in un prompt per ChatGPT con una richiesta come questa:
   • Per renderla tutta pagina: Modifica questo codice HTML per rendere la mappa a tutta pagina. Voglio solo codice HTML con CSS inline, niente JavaScript, ecco il codice: [sostituisci questo spazio con il tuo codice di embed],
   • Per centrarla nella pagina: Modifica questo codice HTML per rendere la mappa centrata, con padding attorno. Voglio solo codice HTML con CSS inline, niente JavaScript, ecco il codice: [sostituisci questo spazio con il tuo codice di embed].
3. Copia il risultato del codice.
4. Su RevasOS:
   • Vai nella pagina in cui desideri inserire la mappa modificata.
   • Clicca su Nuovo blocco e seleziona Nuovo blocco di codice.
   • Incolla il codice nel blocco e salva

Con questa guida puoi facilmente integrare Google Maps nel tuo sito RevasOS, migliorando l’esperienza dei tuoi visitatori. 🗺️✨