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

Compartilhe
Share on Facebook0Share on Google+0Tweet about this on TwitterPin on Pinterest0Email this to someone