Como Inserir Um Mapa Do Google Em Um Site

Índice:

Como Inserir Um Mapa Do Google Em Um Site
Como Inserir Um Mapa Do Google Em Um Site

Vídeo: Como Inserir Um Mapa Do Google Em Um Site

Vídeo: Como Inserir Um Mapa Do Google Em Um Site
Vídeo: Como adicionar um MAPA do Google em meu SITE personalizado | Site em HTML 2024, Novembro
Anonim

O serviço de mapeamento do Google oferece aos usuários a capacidade de hospedar seus mapas interativos em sites. Nesse caso, você pode incorporar um mapa simples e uma rota de direção ou pesquisa local. Marque seus lugares favoritos em mapas e publique-os em blogs pessoais ou obtenha instruções para chegar ao seu escritório de forma rápida e fácil.

Como inserir um mapa do Google em um site
Como inserir um mapa do Google em um site

Instruções

Passo 1

Vá para Google.com e vá para a seção "Mapas" clicando no ícone correspondente na parte superior da página.

Passo 2

Se você quiser colocar um mapa com um endereço específico marcado nele, digite-o na caixa de pesquisa e pressione a tecla Enter.

etapa 3

Se você precisa construir uma rota, por exemplo, a partir da estação de metrô mais próxima, vá para a guia "Rotas" no canto superior esquerdo da página. Insira o ponto de partida da rota na linha A e o destino na linha B. Clique no botão "Obter direções".

Passo 4

Certifique-se de que o mapa que deseja colocar em seu site seja exibido na janela do navegador. Encontre o botão "Link para esta página" e clique nele. O link está localizado próximo ao canto superior esquerdo do mapa e é um botão cinza com elos de corrente.

Etapa 5

Duas linhas aparecerão na janela pop-up: "link para mensagens de e-mail" e "código HTML para adicionar ao site". Você adivinhou, você precisa da segunda linha.

Etapa 6

Se o mapa exibido na página estiver centralizado e atender totalmente às escalas e tamanhos de que você precisa, copie o conteúdo da linha e adicione-o ao código HTML do seu site.

Etapa 7

Se desejar ajustar a imagem, clique no link "Configurando e visualizando o mapa embutido". Na janela que é aberta, você pode selecionar o tamanho do mapa e a escala da área exibida.

Etapa 8

Copie o HTML mostrado na parte inferior da página e coloque-o em seu site.

Recomendado: