Com o Google Maps (http://maps.google.com.br/), podemos definir trajetos de um ponto A a um ponto B, certo? Mas se uma empresa tem um site e quer mostrar o trajeto da casa do cliente até a empresa não seria legal mandar ela procurar no Gooogle Maps e sim criar um formulário em seu próprio site para mapear o trajeto. Bom vamos ao código que as coisas ficarão mais claras:

Clique aqui para ver o que será feito nesse artigo

 

1. Criando o formulário

[code=”html”]

Endereço:

Cidade:

Estado:


[/code]

Bom acho que no formulário nenhum segredo né? Apenas HTML, somente na linha 36 nós chamamos a função abrirMapa() através do evento onClick.

 

2. A Função abrirMapa()

Quando o cliente clicar em “Como chegar?” será chamada a função abrirMapa(), portanto vamos cria-lá:

[code=”php”]

[/code]

Vamos a explicação do código;

Linha 2: criamos a função abrirMapa();

Linhas 4, 5 e 6: é aqui que nós pegamos os valores dos campos do formulário através do document.getElementById().

– Linha 7: unimos as variaveis endereço, cidade e estado.

Linha 10: criamos a variável empresa e definimos como valor o endereco da empresa.

Linha 13: abrimos uma nova janela com o trajeto através do Google Maps.

Nada mais que um código simples mais que pode ser muito interessante no site de sua empresa.

Download do arquivo