La Google Maps API V3 consente di controllare come i dati di ingresso e di creare mappe personalizzate di Google . Se si dispone di un elenco o di una matrice delle coordinate di latitudine e longitudine è possibile specificare che Google utilizza l'array per creare un percorso o polilinea su una mappa . Ad esempio, è possibile creare una linea seguendo i contorni di montagna su un sentiero o una rotta di navigazione che tesse intorno a una serie di isole . Istruzioni
1
Aprire il file HTML e scorrere fino alla sezione in cui si definisce il Google Map.
2
Sotto il codice in cui si inizializza la mappa definire le caratteristiche del polilinea . Ad esempio, digitare :
var polylineOptions = { strokeColor : ' # 000000 ' , strokeWeight : 3
In questo esempio , il colore della linea è impostato il colore esadecimale nero e il peso del linea è tre.
3
Inizializzare la polilinea . Ad esempio, digitare :
polylineExample = new google.maps.Polyline ( polylineOptions ) ; polylineExample.setMap ( mappa) ;
In questo esempio , stiamo aggiungendo la polilinea per la mappa con la caratteristiche definite nella variabile " polylineOptions " .
4
creare la matrice di posizioni , fare clic su punti sulla mappa . Ad esempio, digitare :
google.maps.event.addListener ( mappa , 'click' , addLatLng );}
In questo esempio , Google intercetta l' utente a cliccare sulla mappa e negozi che il valore in " addLatLng . "
5
Creare il poligono utilizzando la funzione addlatLng . Ad esempio, digitare :
funzione addlatLng (event) {var percorso = polyline.getpath (); route.push ( event.latLng ) ;
Continuando l'esempio , restituisce " GetPath " la matrice di valori assegnati alla variabile "route" e spinge le nuove coordinate geografiche nella matrice .
6
Aggiungi un indicatore di posizione per ogni punto geografico lungo la polilinea . Ad esempio, digitare :
locMarker var = new google.maps.locMarker ( {position : event.latLng , title : '#' + route.getLength ( ) , map : mappa } ) ; }
in questo esempio , Google trame mappe delle località lungo il percorso o polilinea utilizzando i dati nella matrice "route" .
7
Salva il tuo codice e testarlo. Google Maps visualizza una linea sulla mappa. Per ogni posizione Google Maps pone un marcatore. La polilinea sarà simile all'immagine di un collega i puntini sulla mappa .