---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/carte-geographique'
title: 'Ajouter une carte | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:41:54+00:00'
updated: '2026-10-24T19:36:26+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Vous montrez à vos visiteurs où vous trouver avec une carte Google Maps de n’importe quelle adresse. Utilisez-la sur les pages de contact, d’événement et d’accès.'
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: 'Ajouter une carte'
      description: 'Vous montrez à vos visiteurs où vous trouver avec une carte Google Maps de n’importe quelle adresse. Utilisez-la sur les pages de contact, d’événement et d’accès.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:41:54+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/fr/hc/documentation/apprendre-dxpr-builder/elements/carte-geographique'
      articleSection: 'Données et animation'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/carte-geographique'
      description: 'Vous montrez à vos visiteurs où vous trouver avec une carte Google Maps de n’importe quelle adresse. Utilisez-la sur les pages de contact, d’événement et d’accès.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Accueil
            item: 'https://dxpr.com/fr'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: fr
---
[Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Données et animation](/fr/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Ajouter une carte.

 Apprendre DXPR BuilderCréer des pagesAjouter du contenuDonnées et animation

   ## Dans ce guide

 Guides associés

- [Modifier l’aspect d’un élément dans le panneau Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style)

Vous montrez à vos visiteurs où vous trouver avec une carte Google Maps de n’importe quelle adresse. Utilisez-la sur les pages de contact, d’événement et d’accès.

## Ajouter une carte

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. [Votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) présente les bases.

1. Survolez la colonne et cliquez sur **+** dans sa barre de contrôle, ou cliquez sur **Ajouter des éléments** sur une page vide. Ouvrez l’onglet **Contenu** et cliquez sur **Carte**. L’élément apparaît en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre.
2. Dans la boîte de dialogue, saisissez l’**Address** avec la ville et le pays.
3. Réglez la **Map height** si vous en voulez une autre. La valeur par défaut est `400px`, et un simple nombre comme 360 compte comme des pixels.
4. Cliquez sur **Enregistrer** dans la boîte de dialogue, puis sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu pour stocker la page.

  ## Ce que vous voyez

Une carte Google centrée sur l’adresse saisie remplit la colonne, et les visiteurs peuvent zoomer et la faire glisser. Dans la vidéo, elle montre Rue de la Loi 200 à Bruxelles sur 360 pixels de haut. Les visiteurs la voient une fois la page enregistrée et publiée.

## Configurer votre carte

Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options :

- **Address :** le lieu à afficher. Il est envoyé à Google Maps comme une recherche, saisissez-le donc comme vous le feriez dans Google Maps.
- **Map width :** `100%` par défaut, ce qui remplit la colonne. Un simple nombre compte comme des pixels, et des valeurs CSS comme `600px` fonctionnent aussi.
- **Map height :** `400px` par défaut. Un simple nombre compte comme des pixels.

La carte n’a besoin d’aucune clé d’API Google.

## Si rien ne s’affiche

- **La carte ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur la masque. Demandez à un administrateur de l’activer dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Elle a disparu après rechargement.** La page n’a pas été enregistrée. Ajoutez-la de nouveau et cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu.
- **Le cadre de carte est vide, gris ou affiche une erreur de connexion.** La carte se charge dans un cadre depuis maps.google.com, et quelque chose bloque ce cadre : une extension de confidentialité du navigateur, un outil de consentement aux cookies ou la politique de sécurité de votre site. Autorisez maps.google.com, ou consultez la page dans un autre navigateur.
- **La carte montre le mauvais endroit.** Google a associé un autre lieu à l’**Address**. Ajoutez le numéro de rue, la ville et le pays.
- **La carte est trop petite.** **Map width** ou **Map height** est réglée bas. Survolez l’élément et ouvrez **Plus > Paramètres**, puis essayez `100%` et `400px`.

## Et ensuite ?

[Onglet Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style) pour modifier l’espacement et l’arrière-plan de votre carte.