L'API di Google Maps V3 ti permette di controllare come immettere dati e creare mappe personalizzate di Google. Se si dispone di una lista o un array di coordinate di latitudine e longitudine è possibile specificare che Google utilizza la matrice per creare un percorso o una polilinea su una mappa. Ad esempio, è possibile creare una linea che segue i contorni della montagna su un sentiero o un percorso di spedizione che tesse intorno ad una serie di isole.

istruzione

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 della polilinea. Ad esempio, digitare:

var polylineOptions = {
strokeColor: '# 000000',
strokeWeight: 3

In questo esempio, il colore della linea è impostato al colore nero esadecimale e il peso della 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 alla mappa con le caratteristiche definite nella variabile "polylineOptions".

4 Creare la matrice di posizioni, cliccando sui punti sulla mappa. Ad esempio, digitare:

google.maps.event.addListener (mappa, 'click', addLatLng);
}

In questo esempio, Google ascolta per l'utente a cliccare sulla mappa e memorizza il valore nel "addLatLng."

5 Creare il poligono utilizzando la funzione addlatLng. Ad esempio, digitare:

Funzione addlatLng (evento) {
var = percorso polyline.getpath ();
route.push (event.latLng);

Continuando esempio, "GetPath" restituisce l'array di valori assegnati al "percorso" variabile e spinge le nuove coordinate geografiche nell'array.

6 Aggiungere un indicatore di posizione per ogni punto geografico lungo la polilinea. Ad esempio, digitare:

var locMarker = new google.maps.locMarker ({
Posizione: event.latLng,
Titolo: '#' + route.getLength (),
Mappa: Mappa
});
}

In questo esempio, Google Maps trame le posizioni sul percorso o polilinea utilizzando i dati nella matrice "route".

7 Salvare il codice e testarlo. Google Maps visualizza una linea sulla mappa. Per ogni posizione Google Maps pone un marcatore. La polilinea sarà simile a un'immagine Connect-the-punti sulla mappa.