devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoria do site

Gerador de Embed do Google Maps — Mapa Responsivo Sem Chave de API

Mostre seu escritório, loja ou evento em um Google Maps sem criar uma chave de API. Digite um endereço, nome de lugar ou coordenadas, ajuste o zoom, a visualização de mapa ou satélite e o idioma, e copie um embed responsivo com carregamento lazy. Você também recebe links prontos de "Como chegar" e "Abrir no Google Maps" para usar em botões.

Atualizado em

Coordenadas também funcionam, como 40.7484, -73.9857.

Pré-visualização

Código embed


    
Links para botões

    
No Webflow, adicione um elemento Embed (ou Configurações do site → Código personalizado) e cole o código; no WordPress, use um bloco HTML personalizado.

  

  


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

    
    
    

      
Como usar: Gerador de Embed do Google Maps
  1. Digite um endereço, o nome de um negócio ou as coordenadas.
  2. Defina o zoom (15 para uma rua, 11 para uma cidade), o tipo de mapa e o idioma dos rótulos.
  3. Escolha a altura e o raio dos cantos; mantenha o carregamento lazy ativado para o mapa não deixar a página lenta.
  4. Copie o código embed e o link de rota ou "Abrir no Maps" para um botão.


Não é preciso chave de API


O embed usa a URL pública de incorporação do Google Maps com sua busca, zoom, tipo de mapa e idioma, então funciona sem conta no Google Cloud ou cobrança. Para estilo personalizado, vários marcadores ou a API JavaScript, aí sim você precisa de uma chave — mas para um mapa do tipo "encontre-nos", isso já basta.


Links que abrem o app Maps


Os links de rota e de busca usam as URLs oficiais do Google Maps (google.com/maps/dir/?api=1 e /search/?api=1). No celular, abrem o app Google Maps; no computador, o Maps no navegador.


O mapa é responsivo: ocupa a largura do contêiner na altura que você escolher. O loading="lazy" adia o carregamento até o visitante rolar a página até perto dele, o que mantém a página rápida. Veja também: Gerador de Código Embed de Vídeo, Gerador de Schema (adicione marcação LocalBusiness com seu endereço).
Também pesquisado como: gerador de embed google maps, embed google maps, iframe google maps, google maps responsivo, código embed google maps, mapa google sem api key, link de rota google maps.
Ferramentas que combinam com: Gerador de Embed do Google Maps
  • 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.
  • Gerador de Link Mailto — Crie um link de e-mail que abre o app de e-mail do visitante com tudo preenchido: destinatários, CC e BCC, assunto e corpo com várias linhas.
  • HTML e CSS para Webflow — Cole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings, Links, Imagens e Listas reais, com classes, combo classes, breakpoints para tablet e mobile e estados hover, em vez de um grande Code Embed.
  • Teste de Velocidade de Página — Rode o Google Lighthouse em qualquer URL para mobile ou desktop.
Perguntas frequentes
Como incorporar um Google Maps sem chave de API?
Digite o endereço aqui e copie o iframe. Ele usa a URL pública de incorporação do Google, que não precisa de chave. Cole em um elemento Embed no Webflow ou em um bloco HTML personalizado no WordPress.
Como deixar o Google Maps responsivo?
Defina width: 100% no iframe e uma altura fixa (o código já faz as duas coisas). Assim ele ocupa o contêiner em qualquer tamanho de tela.
Como criar um link de rota no Google Maps?
Use o link de rota da caixa "Links para botões" — ele abre o Google Maps com seu endereço como destino, no app do celular ou no site.
Posso mostrar vários locais em um mapa só?
Não com um embed simples — isso exige a API JavaScript do Maps com chave, ou um mapa salvo no Meus Mapas, que tem código de incorporação próprio.
Posso instalar o Gerador de Embed do Google Maps como um aplicativo da web e usá-lo offline?
Sim. O Gerador de Embed do Google Maps é 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
localGerador de Embed de VídeoCole um link de vídeo do YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive ou…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.…localGerador de Link MailtoCrie um link de e-mail que abre o app de e-mail do visitante com tudo preenchido: destinatários, CC e BCC,…localHTML e CSS para WebflowCole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings,…apiTeste de Velocidade de PáginaRode o Google Lighthouse em qualquer URL para mobile ou desktop. Veja as notas de desempenho,…