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

Esta página ainda não foi traduzida para o português, por isso aparece em inglês.

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.

Atualizado em

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.

  

  


    
 Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

    
    
    

      
Como usar: 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).
Também pesquisado como: embed google map, google maps iframe, responsive google map embed, google map embed code, embed map without api key, google maps directions link.
Ferramentas que combinam com: Google Maps Embed Generator
  • Gerador de códigos QR — Gere um código QR para um link, login de Wi-Fi, cartão de contato, e-mail, número de telefone ou 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.
Perguntas frequentes
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.
Posso instalar o Google Maps Embed Generator como um aplicativo da web e usá-lo offline?
Sim. O Google Maps Embed Generator é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

      
    

    
    
Ferramentas relacionadas
localVideo Embed Code GeneratorPaste a video link from YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive or…localGerador de marcação de esquemaEscolha um tipo de esquema, preencha o formulário e copie o JSON-LD pronto para colar. Os campos…localGerador de códigos QRGere um código QR para um link, login de Wi-Fi, cartão de contato, e-mail, número de telefone ou SMS.…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…