devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Audit du site

Générateur d’intégration Google Maps — carte responsive sans clé API

Affichez votre bureau, votre magasin ou un événement sur une carte Google Maps sans créer de clé API. Saisissez une adresse, un nom de lieu ou des coordonnées, réglez le zoom, la vue plan ou satellite et la langue, puis copiez un code d’intégration responsive à chargement différé. Vous obtenez aussi des liens prêts à l’emploi « Obtenir l’itinéraire » et « Ouvrir dans Google Maps » pour vos boutons.

Mis à jour le

Les coordonnées fonctionnent aussi, par exemple 40.7484, -73.9857.

Aperçu

Code d’intégration


    
Liens pour boutons

    
Dans Webflow, ajoutez un élément Embed (ou Paramètres du site → Code personnalisé) et collez le code ; dans WordPress, utilisez un bloc HTML personnalisé.

  

  


    
 Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

    
    
    

      
Comment utiliser : Générateur d’intégration Google Maps
  1. Saisissez une adresse, le nom d’une entreprise ou des coordonnées.
  2. Réglez le zoom (15 pour une rue, 11 pour une ville), le type de carte et la langue des libellés.
  3. Choisissez la hauteur et le rayon des coins ; laissez le chargement différé activé pour ne pas ralentir la page.
  4. Copiez le code d’intégration, ainsi que le lien d’itinéraire ou « Ouvrir dans Maps » pour un bouton.


Pas besoin de clé API


L’intégration utilise l’URL publique d’intégration de Google Maps avec votre recherche, votre zoom, votre type de carte et votre langue. Elle fonctionne donc sans compte Google Cloud ni facturation. Pour un style personnalisé, plusieurs marqueurs ou l’API JavaScript, une clé est en revanche nécessaire. Pour une carte « Trouvez-nous », cela suffit amplement.


Des liens qui ouvrent l’application Maps


Les liens d’itinéraire et de recherche utilisent les URL officielles de Google Maps (google.com/maps/dir/?api=1 et /search/?api=1). Sur téléphone, ils ouvrent l’application Google Maps ; sur ordinateur, Maps dans le navigateur.


La carte est conçue pour être responsive : elle occupe toute la largeur de son conteneur, à la hauteur que vous choisissez. loading="lazy" retarde le chargement jusqu’à ce que le visiteur fasse défiler la page jusqu’à elle, ce qui préserve la rapidité de la page. À lire aussi : Générateur de code d’intégration vidéo, Générateur Schema (ajoutez un balisage LocalBusiness avec votre adresse).
Aussi recherché comme : intégrer google maps, iframe google maps, google maps responsive, code intégration google maps, intégrer carte sans clé api, lien itinéraire google maps.
Outils complémentaires : Générateur d’intégration Google Maps
  • Générateur de codes QR — Créez un code QR pour un lien, une connexion Wi-Fi, une fiche de contact, une adresse e-mail, un numéro de téléphone ou un SMS.
  • Générateur de lien mailto — Créez un lien e-mail qui ouvre l’application de messagerie du visiteur avec tous les champs remplis : destinataires, CC et BCC, objet et corps sur plusieurs lignes.
  • HTML et CSS vers Webflow — Collez le HTML et son CSS, cliquez sur Copier vers Webflow puis collez dans le Designer.
  • Test de vitesse de page — Lancez Google Lighthouse sur n’importe quelle URL, en version mobile ou desktop.
Questions fréquentes
Comment intégrer une carte Google Maps sans clé API ?
Saisissez l’adresse ici et copiez l’iframe. Elle utilise l’URL publique d’intégration de Google, qui ne nécessite aucune clé. Collez-la dans un élément Embed de Webflow ou dans un bloc HTML personnalisé de WordPress.
Comment rendre une carte Google Maps responsive ?
Donnez à l’iframe une largeur de 100 % et une hauteur fixe (le code fait les deux). Elle occupe alors tout son conteneur, quelle que soit la taille de l’écran.
Comment créer un lien vers l’itinéraire sur Google Maps ?
Utilisez le lien d’itinéraire de la zone « Liens pour boutons » : il ouvre Google Maps avec votre adresse comme destination, dans l’application mobile ou sur le site.
Peut-on afficher plusieurs lieux sur une même carte ?
Pas avec une intégration simple. Il faut l’API JavaScript de Maps avec une clé, ou une carte enregistrée dans Mes cartes, qui dispose de son propre code d’intégration.
Puis-je installer Générateur d’intégration Google Maps en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur d’intégration Google Maps est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.

      
    

    
    
Outils similaires
localGénérateur de code embed vidéoCollez un lien vidéo de YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive ou…localGénérateur de balisage SchemaChoisissez un type de schéma, remplissez le formulaire et copiez le code JSON-LD prêt à être collé. Les…localGénérateur de codes QRCréez un code QR pour un lien, une connexion Wi-Fi, une fiche de contact, une adresse e-mail, un numéro de…localGénérateur de lien mailtoCréez un lien e-mail qui ouvre l’application de messagerie du visiteur avec tous les champs remplis :…localHTML et CSS vers WebflowCollez le HTML et son CSS, cliquez sur Copier vers Webflow puis collez dans le Designer. Vous obtenez de…apiTest de vitesse de pageLancez Google Lighthouse sur n’importe quelle URL, en version mobile ou desktop. Consultez les scores de…