--- url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/mappa' title: 'Aggiungere una mappa | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:43:18+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Mostri ai visitatori dove trovarti con una Google Map di qualsiasi indirizzo. Usala in pagine di contatto, eventi e indicazioni.' tags: - 'Data and motion' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Aggiungere una mappa' description: 'Mostri ai visitatori dove trovarti con una Google Map di qualsiasi indirizzo. Usala in pagine di contatto, eventi e indicazioni.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:43:18+0000' dateModified: '2026-10-24T19:36:26+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/mappa' articleSection: 'Dati e movimento' - '@type': WebPage '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/mappa' description: 'Mostri ai visitatori dove trovarti con una Google Map di qualsiasi indirizzo. Usala in pagine di contatto, eventi e indicazioni.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/it' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: it --- [Centro assistenza](/it/hc)/[Documentazione](/it/hc/documentazione) /[Impara DXPR Builder](/it/hc/documentation/learn-dxpr-builder) /[Crea le pagine](/it/hc/documentation/learn-dxpr-builder/build) /[Aggiungi contenuti](/it/hc/documentation/learn-dxpr-builder/elements) /[Dati e movimento](/it/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Aggiungere una mappa. Impara DXPR BuilderCrea le pagineAggiungi contenutiDati e movimento ## In questa guida Guide correlate - [Cambiare l’aspetto di un elemento nel pannello Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile) Mostri ai visitatori dove trovarti con una Google Map di qualsiasi indirizzo. Usala in pagine di contatto, eventi e indicazioni. ## Aggiungere una mappa Apri la tua pagina dopo aver effettuato l’accesso: i controlli del builder appaiono quando passi sopra l’area di contenuto. [La tua prima pagina](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina) spiega le basi. 1. Passa sopra la colonna e fai clic su **+** nella sua barra di controllo, oppure fai clic su **Aggiungi elementi** in una pagina vuota. Apri la scheda **Contenuto** e fai clic su **Mappa**. Arriva in cima alla colonna e si apre la sua finestra delle impostazioni. 2. Nella finestra, digita l’**Indirizzo** con città e paese. 3. Imposta l’**Altezza mappa** se ne vuoi una diversa. Il predefinito è `400px`, e un numero semplice come 360 vale come pixel. 4. Fai clic su **Salva** nella finestra. Poi fai clic su **Salva** nella barra in cima all’area di contenuto per conservare la pagina. ## Cosa vedi Una Google Map centrata sull’indirizzo digitato riempie la colonna, e i visitatori possono ingrandirla e trascinarla. Nel video, mostra Rue de la Loi 200 a Bruxelles a 360 pixel di altezza. I visitatori la vedono quando salvi la pagina ed è pubblicata. ## Configurare la mappa Passa sopra l’elemento e apri **Altro > Impostazioni** nella sua barra di controllo. Opzioni: - **Indirizzo:** il luogo da mostrare. Va a Google Maps come ricerca, quindi digitalo come lo digiteresti in Google Maps. - **Larghezza mappa:** `100%` per impostazione predefinita, che riempie la colonna. Un numero semplice vale come pixel, e funzionano anche valori CSS come `600px`. - **Altezza mappa:** `400px` per impostazione predefinita. Un numero semplice vale come pixel. La mappa non ha bisogno di una chiave API Google. ## Se non la vedi - **Mappa non è nella scheda Contenuto.** Il tuo profilo utente la nasconde. Chiedi a un amministratore di abilitarla in [Profili utente](/it/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Non c’è più dopo un ricaricamento.** La pagina non è stata salvata. Aggiungila di nuovo e fai clic su **Salva** nella barra in cima all’area di contenuto. - **Il riquadro della mappa è vuoto, grigio o mostra un errore di connessione.** La mappa carica in un riquadro da maps.google.com, e qualcosa blocca quel riquadro: un’estensione privacy del browser, uno strumento di consenso cookie o la politica di sicurezza del tuo sito. Permetti maps.google.com, oppure controlla la pagina in un altro browser. - **La mappa mostra il posto sbagliato.** Google ha associato un altro luogo all’**Indirizzo**. Aggiungi numero civico, città e paese. - **La mappa è troppo piccola.** **Larghezza mappa** o **Altezza mappa** è impostata bassa. Passa sopra l’elemento e apri **Altro > Impostazioni**, poi prova `100%` e `400px`. ## Passi successivi [Scheda Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile) per cambiare spaziatura e sfondo della mappa.