Inserindo o Google Maps

| quarta-feira, 23 de janeiro de 2008

Simples demais! As ferramentas do Google são perfeitas quando o assunto é acessibilidade Queria que o ONID tivesse esse serviço, Seria PERFEITO! Vamos lá, é muito very easy:

1. Abra o site do google Maps (maps.google.com/);
2. Localize o local que deseja que seja apontado;
3. Escolha como deseja que seja visualizado:
MAPA: Apenas o nome das ruas ;
SATÉLITE: Foto de satélite e nome da rua(possui limite de altura)
TERRENO: Elevações do relevo, não recomendado.

Com seu ponto focado, clique com o botão direito do mouse e escolha a opção "Centralizar mapa aqui";

4. No lado direito sobre o mapa, clique em "Criar link para esta página" e depois, no rodapé do pop-up que abriu, clique em "personalizar e "visualizar mapa imcorporado"

O Tamanho é ajustável de acordo como queiras. Como nesse exemplo vamos inserí-lo ao lado direito do nosso blog, vamos utilizar mais altura do que largura.
Defina largura 250 e Altura 600, e copie esse código.

Volte ao seu blog, clique em "adicionar um elemento a sua página" e escolha HTML/JavaScript e cole dentro do campo. Salve.


Se quiser editar diretamente a largura e altura no código-fonte, procure pelos termos:
width="largura desejada"
height=altura desejada"

No final deste código, existe também um link para exibir o mapa ampliado. Lá no finalzin, procure pelo texto "Exibir mapa ampliado", e mude para o que você quiser! Eu utilizo "Ampliar?", hehe, economia de caracteres :D.

A depender do seu layout e a resolução do seu monitor (sim, isso também é problema nosso!) a largura do mapa pode sair cortada.caso fique faltando aparecer algo, clique em um icone "Editar" é um ícone com duas ferramentas (chave de fenda e uma outra q esqueci o nome hehe)

Procure no código fonte pelas aquelas palavras que vimos acima, width para editar a largura e height para editar a altura. A unidade de medida que é utilizada é o pixel (menor elemento em um dispositivo de exibição[no caso, seu monitor]) reduza/aumente a qtde de pixels para que fique alinhado corretamente.

0 comentários: