Download do Google Earth

Incorporação de mapas em um site

 

No tutorial "Criação de mapas usando a Guia Meus mapas", mostramos alguns usos possíveis de mapas para sua organização. Agora mostraremos como incorporar um mapa em seu site ou blog (de acordo com o seu local). Você pode incorporar um mapa simples, um conjunto de coordenadas, um mapa criado usando a guia "Meus Mapas", um mapa de uma pesquisa local ou mapas criados por outros usuários dentro de seu site.

 

Primeiros passos

Você provavelmente desejará incorporar o mapa diretamente em seu próprio site. Para os fins deste tutorial, usaremos o Google Page Creator e o Blogger para demonstrar como incorporar seu mapa em um site e em uma postagem de blog. Para editar seu próprio site diretamente, todas as instruções necessárias estão na primeira parte deste tutorial. Se você não tem seu próprio site ou gostaria de aprender como adicionar mapas às postagens no seu blog, leia as instruções de como fazer isso usando o Google Page Creator e o Blogger neste tutorial.

1. Vá para o Google Maps. Abra o mapa que você deseja incorporar em seu site. Você pode incorporar um mapa de coordenadas, uma pesquisa local ou um mapa que você tenha criado usando a guia “Meus Mapas”. Se deseja visualizar seus mapas salvos, acesse sua Conta do Google. Se ainda não tiver uma Conta do Google, inscreva-se aqui.

Usaremos a página de Limpeza da Praia de Santa Cruz, criada no tutorial "Criação de mapas usando a guia Meus Mapas".

2. Clique em Criar link para esta página e copie o código do campo Colar HTML para incorporar em um site. Para redimensionar e visualizar o mapa, clique em Personalizar e visualizar mapa incorporado. Não é possível incorporar mapas de tráfego, imagens da vista da rua ou Mapplets.

3. Vá para seu aplicativo de edição de página da web e localize o melhor lugar para o mapa dentro de seu site. (Veja abaixo os exemplos usando o Google Page Creator e o Blogger).

4. Cole o código do mapa que você copiou dentro do código HTML onde você gostaria que o mapa aparecesse em seu site.

5. Salve sua página da web e visualize o mapa que acabou de ser incorporado!

Meus mapas

 

Uso do Google Page Creator

1. Vá para Google Page Creator e acesse sua Conta do Google, se ainda não estiver conectado.

2. Clique em "Criar uma nova página..."

3. Escolha um título para sua página e clique em "Criar e Editar".

Meus mapas

4. Clique na área onde deseja que o mapa apareça e abra "Editar HTML" no canto inferior direito da tela.

Meus mapas

5. Pegue o texto que você copiou do campo Colar HTML para incorporar em um site e cole-o dentro da janela.

6. Clique em Atualizar. Você só poderá ver o mapa na página “Visualização” ou “Publicada”.
Sua página deverá ser parecida com esta, mas seu modelo pode ser diferente:

Meus mapas

É só isso! Agora você tem as ferramentas para compartilhar seu mapa com o mundo, diretamente em seu domínio.

 

Uso do Blogger

1. Vá para o Blogger e abra o painel de blog. Se você não possui um blog, é fácil criar um! Acesse sua Conta do Google e siga as simples etapas para criar seu blog.

2. No painel, abra a guia “Publicar” e selecione “Criar”.

3. Escolha o título da publicação e um texto para acompanhar o mapa. Clique na guia “Editar HTML”.

4. Retorne para o Google Maps, copie o texto do campo Colar HTML para incorporar em um site. Como nosso objetivo é a rota até a Limpeza da Praia de Santa Cruz, usaremos o código de HTML desse resultado de pesquisa.

Você deve estar aqui:

blogger

5. Visualize o mapa na postagem e veja se está de acordo com o que tinha em mente. Em seguida, clique no botão “Publicar postagem”.

Meus mapas

Parabéns! Você incorporou um mapa em uma postagem de blog.

 

Divulgue sua causa

Agora que já está familiarizado com a incorporação direta de mapas em um site ou blog, os visitantes do seu site poderão visualizar o seu trabalho.

Se você criou um mapa usando a guia “Meus mapas”, você selecionou uma caixa chamada “Público” ou “Não listado”. Se a caixa "Público” foi selecionada, seu mapa estará visível para todos os usuários do Google Maps. Encontre também os mapas de outros usuários. Veja como:

1. Abra o Google Maps e clique na guia "Meus mapas”. Aumente o zoom na área de seu interesse.
2. Vá para “Destaques” e clique em “Procurar mapas populares”

Se gostar de algum mapa, poderá salvá-lo em Meus mapas.

Saiba mais sobre o Google Maps e a incorporação de APIs do Google Maps em seu site usando JavaScript.

 

Discussão / Comentários

Tem alguma dúvida sobre este tutorial? Deseja nos enviar algum comentário? Visite o Grupo de Discussão do Google Earth Solidário para trocar idéias com os outros usuários.

 

Próximos passos

Este tutorial mostrou como incorporar um mapa em seu site. A seguir, saiba como aprimorar seu mapa ou seu marcador do Google Earth com vídeos do YouTube.

Aprenda também como criar marcadores personalizados no Google earth, neste tutorial: