Como adicionar instruções de direção do Google ao seu site

How Add Google Driving Directions Your Website

O Google Maps é um “mapa” inteligente que traz toneladas de recursos, como Planejamento de viagens , Rotas de ônibus , Indicadores de tráfego , Instruções de direção , Calculadora de distância em várias visualizações, como Satélite, Tempo Real e Híbrido. Você pode ter visto esses mapas incorporados em muitos sites, especialmente no contate-nos páginas e também quando você pesquisa uma empresa ou organização no Google, o mapa e as informações da empresa são exibidos geralmente no lado direito.

Neste guia, discutiremos várias maneiras de como você pode usar o Google Maps para a sua empresa e para os seus sites, além dos métodos gerais usados ​​para incorporar mapas do Google, também irei guiá-lo pelas etapas de criação de um formulário HTML, onde os usuários podem entrar SOMENTE o endereço deles e obter instruções para chegar ao seu, o que elimina a necessidade de o usuário pesquisar no Google e ir ao Google Maps.



Incorporar mapa do Google

Se você deseja apenas mostrar sua localização ou uma rota específica aos visitantes, incorporar o Google Maps seria o suficiente. Siga estas etapas para incorporar sua localização ou uma rota específica.



Vamos para Google Maps e encontre o local ou uma rota específica digitando o endereço na caixa de pesquisa.



2016-02-20_133558

Depois de digitar o endereço, pesquise-o e, ao vê-lo, clique no PARTILHAR (2) botão e copie o código começando com “

2016-02-20_133807



Você também pode ajustar o tamanho de quão grande o mapa deve ser a partir do suspenso e experimente vários tamanhos até se ajustar ao que melhor se adapta ao seu site. Este código será então colocado na página onde você deseja que o endereço seja exibido.

2016-02-20_134356

É assim que o mapa ficará depois de ser incorporado ao seu site e é o método mais amplamente usado para incorporar o Google Maps. Isso é muito útil - melhor do que apenas mostrar seu endereço como texto.

Crie um formulário para obter o Google DIRECTIONS

No entanto, se seu usuário deseja obter as rotas, ele precisa clicar em Rotas, que será aberta em uma nova janela, e inserir o endereço. Na minha opinião, é melhor que o usuário não seja redirecionado para outro site para fazer todas as etapas extras, ele poderia obter instruções diretamente através do seu site simplesmente inserindo o endereço.

Você pode adicionar o formulário de instruções de direção do Google a qualquer lugar do seu blog ou site, você precisará colocar o código no código-fonte da página onde deseja que o formulário apareça. Neste formulário, o visitante verá uma caixa de texto para digitar o endereço do ponto de partida e um botão clicável. O Formulário Google irá levá-los automaticamente para o Google Maps, mostrando as direções de motorista para o seu lugar.

Copie o seguinte código HTML.


Insira seu endereço inicial:



No código acima, substitua 34 5th Avenue, New York, NY pelo seu endereço. Depois que o código for colocado em seu site, será assim que ficará.

2016-02-20_140014

Exemplo de formulário de instruções de direção do Google


Insira seu endereço inicial:



2 minutos lidos