A API do Google Maps V3 lhe dá o controle sobre como a entrada de dados e criar mapas personalizados do Google. Se você tem uma lista ou matriz de latitude e longitude , você pode especificar que o Google usa a matriz para criar uma rota ou polilinha em um mapa. Por exemplo, você poderia criar uma linha seguindo os contornos das montanhas em uma pista de caminhada ou uma rota de navegação que tece em torno de uma série de ilhas . Instruções
1
Abra o arquivo HTML e vá até a seção onde você define o seu mapa do Google.
2
Sob o código onde você inicializa o mapa definir as características do polilinha. Por exemplo, digite :
var PolylineOptions = { strokeColor : '# 000000' , strokeWeight : 3
Neste exemplo, a cor da linha é definida como a cor hexadecimal preto eo peso do linha é três.
3
Inicializar a polilinha. Por exemplo, digite :
polylineExample = new google.maps.Polyline ( PolylineOptions ); polylineExample.setMap (mapa);
Neste exemplo, estamos adicionando a polilinha para o mapa com a características definidas na variável " PolylineOptions " .
4
Criar o conjunto de locais clicando em pontos no mapa . Por exemplo, digite :
google.maps.event.addListener (map , 'click' , addLatLng );}
Neste exemplo, o Google escuta para que o usuário clique no mapa e armazena esse valor em " addLatLng ".
5
Crie o polígono utilizando a função addlatLng . Por exemplo, digite :
função addlatLng (event ) {var rota = polyline.getpath (); route.push ( event.latLng );
Continuando o exemplo ", GetPath " retorna o conjunto de valores atribuídos à " rota " variável e empurra as novas coordenadas geográficas para a matriz .
6
Adicione um marcador de local para cada ponto geográfico ao longo da polilinha. Por exemplo, digite :
var locMarker = new google.maps.locMarker ( {position : event.latLng , title: '#' + route.getLength () , map : map }); }
neste exemplo, o Google Maps traça os locais na rota ou polilinha usando os dados na matriz " rota " .
7
Salve seu código e testá-lo. Google Maps exibe uma linha em seu mapa. Para cada local Google Maps coloca um marcador . A polilinha será semelhante a uma imagem de ligar os pontos no mapa.