Directions Map with Animated Street View

Directions Map é uma maneira mais interativa de criar mapas. Isso porque ele anima a “jornada” com o Street View. Dessa maneira, é como se o mapa ganhasse vida, mostrando ao espectador o caminho a ser feito com fotos reais obtidas do serviço da Google.

É possível editar trajetos de um jeito simples, uma vez que o Directions Map suporta o recurso de arrastar e soltar. O mapa criado pode ser incorporado a seu site ou blog. Logo, a ferramenta pode ser um interessante modo de divulgar as coordenadas até sua casa, escritório ou ponto de referência.

Configurações

A criação do mapa começa com as mesmas especificações utilizadas no Google Maps: endereços de partida e de destino, tipos de mapa (estrada, satélite, híbrido ou terreno) e deviagem (a pé, de bicicleta ou veículo), se devem ser evitados estradas e trechos com pedágio e se deve ser possível arrastar a rota. É necessário informar o código de região (“br” representa o Brasil).

Então deve-se configurar aspectos do mapa relacionados à animação criada pelo Directions Map, que incluem nível de zoom, intervalo de atualização (em milissegundos), distância de passos (em metros), largura e altura. Pode-se definir a unidade de distância e o modo inicial do mapa (ou seja, se ele já é apresentado inicialmente com o Street View ou apenas com as direções).

Com o mapa criado, basta clicar no botão “Create Your Directions Map” para visualizá-lo. Clique em “Play” para iniciar a animação com o Street View. O “pegman” marca a localização atual, e é possível clicar próximo à linha da rota a fim de movê-lo. Ele ainda pode ser arrastado para definir a localização atual dentro da rota. Clique em “Reset” para criar um novo trajeto.

Clique no logotipo da Google no mapa ou no Street View para visualizar a localização no Google Maps. Tal recurso pode ser aproveitado para explorar ruas que não estejam na rota com o Street View.

Observações

Vale ressaltar que o Street View é atualizado somente quanto há imagens do serviço para um ponto da rota, e o “pegman” pode ser movimentado somente até uma localização na rota. Quando uma rota é alterada é alterada, o marcador será movimentado ao ponto mais próximo da localização atual dele.
Caso tudo esteja certo, copie o código que é fornecido no campo “Embed” e copie-o para seu blog ou site.