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

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.

Runs in your browserUpdated

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.

  

  


    
 Your data never leaves your computer. All processing happens 100% locally in your browser.

    
    
    

      
How to use the 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).
Also searched as: embed google map, google maps iframe, responsive google map embed, google map embed code, embed map without api key, google maps directions link.
Tools that pair well with the Google Maps Embed Generator
  • QR Code Generator — Generate a QR code for a link, Wi-Fi login, contact card, email, phone number or 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.
Frequently asked questions
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.
Can I install Google Maps Embed Generator as a web app and use it offline?
Yes. Google Maps Embed Generator is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.

      
    

    
Related tools
localVideo Embed Code GeneratorPaste a video link from YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive or…localSchema Markup GeneratorPick a schema type, fill in the form and copy ready-to-paste JSON-LD. Required and recommended fields for…localQR Code GeneratorGenerate a QR code for a link, Wi-Fi login, contact card, email, phone number or SMS. Customize colors,…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…