|
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.
|
