Como adicionar um mapa do Google Maps no meu site

Você provavelmente desejará incorporar o mapa diretamente no seu próprio site. Para os fins deste tutorial, usaremos o Blogger para demonstrar como incorporar seu mapa em um site e em uma postagem de blog. Se você não tem seu próprio site ou gostaria de aprender a adicionar mapas às postagens no seu blog, leia as instruções de como fazer isso usando o Blogger neste tutorial. Quer aprender a como colocar o Google Maps no seu site? E muito simples, basta seguir os passos a seguir:

Para adicionar um mapa de localização de seu endereço em seu site, siga o procedimento abaixo:

1 - Acesse:http://maps.google.com.br

2 - Após acessar o site, na Barra de Pesquisa, digite o endereço desejado no seguinte formato: 

Asa Norte. Por exemplo: Asa norte quadra 710 ;

3 - Após aparecer o endereço desejado, clique logo acima do mapa na opção “link”;

4 - Serão visualizadas duas opções, você deverá copiar o código que consta em “Colar HTML” para incorporar ao website, antes disso algumas modificações em seu mapa podem ser realizadas clicando em “Personalizar e visualizar mapa incorporado”;

5 - Agora você deve simplesmente, copiar o código e inserir dentro do código da sua hospedagem.



OBS:

Caso você utilize o construtor de sites, basta seguir o procedimento abaixo após copiar o código do Google Maps:

- Acesse o SAC/Painel de Controle e clique no ícone do Construtor de Sites;

- Clique no botão "Acessar", será aberta uma nova janela do navegador com o "Gerenciador do Site" do construtor;

- Na lista de páginas existentes, existe um botão de edição. Você deve clicar no botão "Editar" referente a página selecionada para entrar no modo de edição.

- Selecione uma das ações, você pode editar o texto da página ou alterar o seu tipo. 

Como seu objetivo é editar o conteúdo em HTML, basta clicar no botão "HTML" e após em "Inserir HTML", uma janela de edição do Código fonte da página se abrirá.

- Nesse momento você deverá inserir no campo que abrir, o código de seu mapa, e após realizar o procedimento, basta clicar em ‘Submit’;

- Após aprovar a edição você pode selecionar uma opção para visualização do conteúdo que foi alterado ou publicação direta do mesmo;

Se você clicar no botão “Pré-Visualizar” irá acessar uma prévia do site com as alterações efetuadas. Navegue livremente nesta área;

Ao clicar no botão “Publicar” os arquivos serão publicados no seu FTP e a alteração passa a ser permanente;

- Ao publicar o seu site após uma alteração você pode selecionar se deseja publicar apenas as mudanças recentes ou o site inteiro;

- Selecione uma das opções e clique em "Publicar".

Esse código pode ser colado em qualquer lugar de seu blog, funciona tanto no Blogger (Blogspot) ou WordPress e para qualquer tipo de outro site ou plataforma de criação de blogs.

Discussão e comentários

Tem alguma dúvida sobre este tutorial?  Deixe seu comentário.