L' API Google Maps V3 vous permet de contrôler comment les données d'entrée et de créer des cartes personnalisées de Google . Si vous avez une liste ou un tableau de coordonnées de latitude et de longitude , vous pouvez spécifier que Google utilise le tableau pour créer un itinéraire ou une polyligne sur une carte. Par exemple , vous pouvez créer une ligne qui suit les contours de la montagne sur un sentier de randonnée ou une route maritime qui tisse autour d'une série d'îles. Instructions
1

Ouvrez votre fichier HTML et faites défiler jusqu'à la section où vous définissez votre carte Google.
2

Selon le code lorsque vous initialisez la carte définira les caractéristiques de l' polyligne. Par exemple, tapez :

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

Dans cet exemple, la couleur de la ligne est réglé sur le noir de couleur hexadécimal et le poids de l' ligne est de trois.
3

Initialisation de la polyligne. Par exemple, tapez :

polylineExample = new google.maps.Polyline ( polylineOptions ) ; polylineExample.setMap ( carte) ;

Dans cet exemple, nous ajoutons la polyligne à la carte avec l' caractéristiques définies dans la variable " polylineOptions " .
4

créer le tableau d'emplacements en cliquant sur ​​les points sur la carte . Par exemple, tapez :

google.maps.event.addListener (carte, «clic» , addLatLng );}

Dans cet exemple, Google écoute à l'utilisateur de cliquer sur la carte et stocke cette valeur dans " addLatLng . "
5

créer la polyligne en utilisant la fonction addlatLng . Par exemple, tapez :
fonction addlatLng

(event ) {var route = polyline.getpath (); route.push ( event.latLng ) ;

continue d'exemple , les rendements " GetPath " le tableau des valeurs attribuées à la "route" variable et pousse les nouvelles coordonnées géographiques dans le tableau.
6

Ajouter un marqueur de position pour chaque point géographique le long de la polyligne. Par exemple, tapez :

var locMarker = new google.maps.locMarker ( {position: event.latLng , title: '#' + route.getLength (), map: map }); }

dans cet exemple , Google Maps trace les emplacements sur la route ou polyligne en utilisant les données du tableau "route" .
7

Sauver votre code et le tester. Google Maps affiche une ligne sur la carte. Pour chaque emplacement Google Maps place un marqueur . La polyligne doit ressembler à une image connect -the- dots sur la carte.