Intégrez une carte Google Maps en trois étapes, ou générez le code ici : une iframe responsive chargée en différé, une version facultative à charger au clic pour la vie privée, et l'option officielle Maps Embed API.
Pour intégrer une carte Google Maps, ouvrez le lieu dans Google Maps, choisissez Partager, puis Intégrer une carte, et copiez le code HTML. Collez-le là où la carte doit apparaître. Pour un meilleur résultat, entourez l'iframe d'un conteneur pour qu'elle s'adapte aux téléphones, ajoutez loading="lazy", et envisagez une version à charger au clic pour que Google ne soit contacté que lorsqu'un visiteur demande la carte.
Trois façons d'obtenir le code d'intégration
Le générateur ci-dessous écrit le code pour vous à partir d'une adresse, de votre propre clé Maps Embed API, ou du code fourni par Google. Il ajoute toujours un conteneur responsive et un titre, et peut placer la carte derrière un bouton à cliquer pour la charger.
Oui pour le code Partager, Intégrer une carte. La Maps Embed API, qui nécessite une clé, est indiquée par Google comme gratuite. Les autres produits Maps, comme la carte JavaScript avec des marqueurs personnalisés, sont facturés à l'usage au-delà d'un quota mensuel gratuit, vérifiez donc les tarifs actuels avant de les utiliser.
Le code copié fixe une largeur et une hauteur, par exemple 600 sur 450 pixels. Supprimez-les et placez l'iframe dans un conteneur qui utilise la propriété CSS aspect-ratio, comme le fait le générateur, pour qu'elle s'adapte à l'écran.
Charger la carte envoie l'adresse IP et les informations du navigateur du visiteur à Google, et Google peut déposer des cookies. Là où les règles de consentement sont strictes, beaucoup de sites affichent un espace réservé avec un bouton Afficher la carte et ne chargent la carte qu'après ce clic, ce que fait l'option à charger au clic. Mentionnez la carte dans votre politique de confidentialité dans tous les cas.
Itinéraire : utilisez l'onglet Itinéraire dans Google Maps avant de choisir Partager, ou le mode directions de la Maps Embed API. Plusieurs repères : créez une carte dans Google My Maps, rendez-la publique, puis utilisez son option Intégrer à mon site.
Pas directement. Ce qui aide la recherche locale, c'est une fiche Google Business Profile complète et des nom, adresse et numéro de téléphone cohérents sur le web. La carte aide les visiteurs à vous trouver, ce qui est déjà une raison suffisante.
Si vous avez déjà copié l'iframe de Google, collez-la dans ce conteneur et supprimez ses attributs width, height et style.
Le conteneur garde un format 4 sur 3 quelle que soit la largeur. Remplacez le src par celui de votre code copié.
Source
À partir d'une adresse
Coller le code de Google
Clé Maps Embed API
Code ou URL issu de Partager, Intégrer une carte
Adresse ou lieu
Zoom : {n}
Clé API (restreignez-la à votre domaine)
Cette option utilise la forme d'adresse q=, que Google ne documente pas. Pour une option officielle, utilisez votre code copié ou une clé API.
Forme
Titre pour les lecteurs d'écran
Carte montrant notre emplacement
Charger au clic (vie privée)
Aperçu du code de carte généré
Copier le code d'intégration
Saisissez une adresse, ou collez le code copié depuis Google Maps.
Commencer gratuitement · Sans carte bancaire