Une carte sur votre site
Le générateur de carte gratuit Vivlab crée le code d'intégration d'une carte Google Maps ou OpenStreetMap, sans clé API.
Indiquez un lieu, ajustez la taille, copiez le code et collez-le sur votre site.
Fournisseur
Saisissez une adresse ou un lieu : Google Maps le géolocalise automatiquement, sans clé API.
<iframe src="https://www.google.com/maps?q=Tour%20Eiffel%2C%20Paris&z=15&output=embed" width="600" height="450" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
Mode d'emploi
Intégrer une carte en 3 étapes
Placez votre lieu
Choisissez Google Maps ou OpenStreetMap, puis saisissez une adresse ou les coordonnées GPS du point à afficher.
Réglez le cadrage
Ajustez le niveau de zoom et les dimensions de la carte pour qu'elle s'intègre à votre page.
Copiez le code
Récupérez la balise iframe générée et collez-la dans votre site, sans clé API ni compte à créer.
Intégrer une carte sur votre site
Sans clé API
Afficher une carte demande souvent une clé API à configurer, parfois facturée. Cet outil s'appuie sur les pages d'intégration publiques des fournisseurs : vous obtenez une carte fonctionnelle sans compte ni clé, idéale pour une page contact ou la localisation d'un commerce.
Google Maps ou OpenStreetMap
Google Maps géolocalise automatiquement une adresse ou un lieu et propose un rendu familier. OpenStreetMap est une carte libre et collaborative : sans clé, elle se centre à partir d'une latitude et d'une longitude. Choisissez selon vos besoins et vos préférences.
L'intégration par iframe
La carte s'insère grâce à une balise qui charge la carte du fournisseur dans un cadre de votre page. Réglez la largeur et la hauteur, copiez le code généré, puis collez-le là où la carte doit apparaître. Aucun script ni dépendance à installer.
Vie privée et RGPD
Une carte intégrée charge des ressources d'un service tiers, qui peut déposer des cookies ou collecter des données de connexion. Pensez à le mentionner dans votre politique de confidentialité et, selon votre contexte, à ne charger la carte qu'après le consentement du visiteur.
Questions fréquentes
Vos questions sur les cartes intégrées
Faut-il une clé API Google Maps ?
Non. L'outil génère le code d'intégration public, celui du mode « embed » de Google Maps ou d'OpenStreetMap. Aucune clé, aucun compte développeur ni facturation ne sont demandés pour l'afficher sur votre site.
Google Maps ou OpenStreetMap, que choisir ?
Google Maps offre la vue la plus familière, avec Street View et les fiches d'établissement. OpenStreetMap est libre et plus léger, sans cookie publicitaire : pratique si vous voulez éviter une bannière de consentement supplémentaire.
Comment rendre la carte responsive ?
Le code utilise une largeur et une hauteur fixes en pixels. Pour l'adapter au mobile, placez l'iframe dans un conteneur en width:100% et fixez sa hauteur avec un ratio, par exemple aspect-ratio: 4 / 3 en CSS.
Où trouver la latitude et la longitude ?
Sur openstreetmap.org ou Google Maps, faites un clic droit sur le point voulu : les coordonnées apparaissent et se copient en un geste. Reportez-les ensuite dans les champs latitude et longitude de l'onglet OpenStreetMap.
Mes données sont-elles envoyées quelque part ?
L'adresse et les coordonnées que vous saisissez restent dans votre navigateur, rien n'est transmis à Vivlab. Une fois la carte en ligne, les tuiles proviennent de Google ou d'OpenStreetMap : pensez à mentionner ce service tiers dans votre politique de confidentialité.
Continuer la découverte