GOOGLE MAPS
Utilizando o mapa de localização do Google Maps
em sua página HTML
Abra o seu navegador, acesse a Internet e em seguida abra o site Google.
No canto superior direito da janela do navegador, você encontra o botão Google apps.
Abra e direcione para o Google Maps.
Janela do seu navegador com o Google Maps.
Digite um endereço para pesquisa.
Anotações:
Digite o endereço na caixa de texto e clique no botão pesquisar no mapa.
Resultado da pesquisa.
Agora clique no botão compartilhar que está abaixo da imagem.
Observe que aparecerá uma “caixa de diálogo”, conforme a imagem abaixo.
Anotações:
Clique na opção incorporar mapa. Um código será gerado com o endereço
pesquisado.
Importante: No canto superior esquerdo do mapa gerado,
podemos escolher o tamanho do mapa.
Anotações:
Abra o bloco de notas e entre as marcações <BODY> e </BODY>, copie e cole o
código gerado na caixa de texto.
Resultado.
Anotações:
Salve o seu código fonte como mapa.htm para ver o resultado do código.
Resultado no Navegador.
Anotações:
EXERCÍCIO RESOLVIDO COMPLETO.
Código completo do arquivo index.htm.
Resultado no navegador.
Anotações:
Código completo do arquivo titulo.htm.
Resultado no navegador, abrindo o arquivo index.htm.
Anotações:
Código completo do arquivo link.htm.
Resultado no navegador, abrindo o arquivo index.htm.
Anotações:
Código completo do arquivo mapa1.htm.
Código resultante da
pesquisa do endereço do
Colégio Fátima
Código completo do arquivo mapa2.htm.
Código resultante da
pesquisa do endereço da Av.
Vila Ema
Anotações:
Resultado no navegador, abrindo o arquivo index.htm.
Clique no primeiro link. “Endereço Colégio Fátima”.