Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come disegnare una polilinea Avere un array di stringhe Località in Google Maps V3

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 .

 

Programmazione © www.354353.com