Incorpore um mapa do Google em três passos ou gere o código aqui: um iframe responsivo com carregamento lento, uma versão opcional que só carrega no clique, por privacidade, e a opção oficial da Maps Embed API.
Para incorporar um mapa do Google, abra o local no Google Maps, escolha Compartilhar, depois Incorporar um mapa, e copie o HTML. Cole onde o mapa deve aparecer. Para um resultado melhor, envolva o iframe para que ele se redimensione no celular, adicione loading="lazy" e considere uma versão que carrega no clique, para que o Google só seja contatado quando um visitante pedir o mapa.
Três jeitos de obter o código de incorporação
O gerador abaixo escreve o código para você a partir de um endereço, da sua própria chave da Maps Embed API ou do código que o Google fornece. Ele sempre adiciona um wrapper responsivo e um título, e pode envolver o mapa em um botão que só o carrega no clique.
Sim, para o código de Compartilhar, Incorporar um mapa. A Maps Embed API, que exige uma chave, é listada pelo Google como de uso gratuito. Outros produtos do Maps, como o mapa em JavaScript com marcadores personalizados, são cobrados pelo uso depois de uma cota gratuita mensal, então confira os preços atuais antes de usá-los.
O código copiado define largura e altura fixas, como 600 por 450 pixels. Remova esses valores e envolva o iframe em uma caixa que use a propriedade CSS aspect-ratio, como na saída do gerador, para que ele escale com a tela.
Carregar o mapa envia o endereço IP e os dados do navegador do visitante ao Google, e o Google pode definir cookies. Em lugares com regras de consentimento rígidas, muitos sites mostram um espaço reservado com um botão Mostrar mapa e só carregam o mapa depois desse clique, que é o que a opção de carregar no clique faz. Mencione o mapa na sua política de privacidade de qualquer forma.
Rotas: use a aba Rotas no Google Maps antes de escolher Compartilhar, ou o modo directions da Maps Embed API. Vários marcadores: crie um mapa no Google My Maps, deixe-o público e use a opção Incorporar no meu site.
Não diretamente. O que ajuda na busca local é um Perfil da Empresa no Google completo e nome, endereço e telefone consistentes em toda a web. O mapa ajuda os visitantes a encontrar você, o que já é motivo suficiente.
Se você já copiou o iframe do Google, cole-o dentro deste wrapper e apague os atributos width, height e style.
A caixa mantém o formato 4 por 3 em qualquer largura. Troque o src pelo do código que você copiou.
Origem
A partir de um endereço
Colar o código do Google
Chave da Maps Embed API
Código ou URL de Compartilhar, Incorporar um mapa
Endereço ou local
Zoom: {n}
Chave de API (restrinja ao seu domínio)
Isto usa a forma de endereço com q=, que o Google não documenta. Para uma opção oficial, use o código copiado ou uma chave de API.
Formato
Título para leitores de tela
Mapa mostrando a nossa localização
Carregar no clique (privacidade)
Prévia do código de mapa gerado
Copiar código de incorporação
Informe um endereço ou cole o código copiado do Google Maps.
Comece grátis · Sem cartão de crédito