devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Audit du site

Cette page n’est pas encore traduite en français : elle s’affiche en anglais.

Google Maps Embed Generator — Responsive Map Without an API Key

Show your office, store or event on a Google Map without signing up for an API key. Type an address, place name or coordinates, set the zoom, map or satellite view and language, and copy a responsive embed that lazy-loads. You also get ready-made “Get directions” and “Open in Google Maps” links for buttons.

Mis à jour le

Coordinates work too, like 40.7484, -73.9857.

Preview

Embed code


    
Links for buttons

    
In Webflow add an Embed element (or Site settings → Custom code) and paste the code; in WordPress use a Custom HTML block.

  

  


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

    
    
    

      
Comment utiliser : Google Maps Embed Generator
  1. Type an address, a business name or coordinates.
  2. Set the zoom (15 for a street, 11 for a city), the map type and the language of the labels.
  3. Choose the height and corner radius; keep lazy loading on so the map doesn’t slow down the page.
  4. Copy the embed code, and the directions or “Open in Maps” link for a button.


No API key needed


The embed uses Google Maps’ public embed URL with your search, zoom, map type and language, so it works without a Google Cloud account or billing. For custom styling, several markers or the JavaScript API you do need a key — but for a “find us” map this is all you need.


Links that open the Maps app


The directions and search links use Google’s official Maps URLs (google.com/maps/dir/?api=1 and /search/?api=1). On phones they open the Google Maps app; on desktop, Maps in the browser.


The map is wrapped to be responsive: it fills the width of its container at the height you choose. loading="lazy" delays loading until the visitor scrolls near it, which keeps the page fast. Related: Video Embed Code Generator, Schema Generator (add LocalBusiness markup with your address).
Aussi recherché comme : embed google map, google maps iframe, responsive google map embed, google map embed code, embed map without api key, google maps directions link.
Outils complémentaires : Google Maps Embed Generator
  • 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.
  • Mailto Link Generator — Build an email link that opens the visitor’s mail app with everything filled in: recipients, CC and BCC, a subject and a multi-line body.
  • HTML & CSS to Webflow — Paste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks, Headings, Links, Images and Lists with classes, combo classes, tablet/mobile breakpoints and hover states instead of one big Code Embed.
  • Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.
Questions fréquentes
How do I embed a Google Map without an API key?
Type the address here and copy the iframe. It uses Google’s public embed URL, which needs no key. Paste it into an Embed element in Webflow or a Custom HTML block in WordPress.
How do I make a Google Map responsive?
Give the iframe width: 100% and a fixed height (the code does both). It then fills its container on every screen size.
How do I link to directions on Google Maps?
Use the directions link from the “Links for buttons” box — it opens Google Maps with your address as the destination, on the phone app or the website.
Can I show several locations on one map?
Not with a simple embed — that needs the Maps JavaScript API with a key, or a saved map from My Maps, which has its own embed code.
Puis-je installer Google Maps Embed Generator en tant qu’application web et l’utiliser hors ligne ?
Oui. Google Maps Embed Generator 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
localVideo Embed Code GeneratorPaste a video link from YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive or…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…localMailto Link GeneratorBuild an email link that opens the visitor’s mail app with everything filled in: recipients, CC and BCC, a…localHTML & CSS to WebflowPaste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks,…apiPage Speed TestRun Google Lighthouse on any URL for mobile or desktop. See performance, accessibility, best-practices and…