Google Maps API V3 giver dig kontrol over , hvordan du input data og oprette brugerdefinerede Google maps. Hvis du har en liste eller matrix af bredde-og længdegrader , du kan angive, at Google bruger array for at oprette en rute eller polylinie på et kort. For eksempel kan du oprette en linje, der følger bjerget konturer på en vandresti eller sejlrute , der væver omkring en række øer. Instruktioner
1
Åbn din HTML-fil og rul til det afsnit, hvor du definere din Google Map .
2
Under kode, hvor du initialisere kortet definere de særlige kendetegn ved polylinje . Skriv f.eks : Hej
var polylineOptions = { strokeColor : '# 000000 ' , strokeWeight : 3 fotos
I dette eksempel er liniefarven indstillet til hexadecimal farve sort og vægten af linje er tre.
3
Initialiser polylinje . Skriv f.eks : Hej
polylineExample = new google.maps.Polyline ( polylineOptions ) polylineExample.setMap (kort)
I dette eksempel er vi tilføjer polylinje til kortet med egenskaber er defineret i " polylineOptions " variable .
4
Opret række målesteder ved at klikke på punkter på kortet . Skriv f.eks : Hej
google.maps.event.addListener ( kort , 'klik' , addLatLng );}
I dette eksempel lytter Google for brugeren til at klikke på kortet og butikker, der værdien i " addLatLng . "
5
oprette polylinje vha. addlatLng funktionen . Skriv for eksempel :
funktion addlatLng (begivenhed) {var rute = polyline.getpath (); route.push ( event.latLng )
Fortsætter et eksempel , " getpath " returnerer den vifte af værdier tilskrevet variablen " route " og skubber de nye geografiske koordinater ind i array.
6
Tilføj en placering markør for hver geografisk punkt langs polylinje . Skriv f.eks : Hej
var locMarker = new google.maps.locMarker ({ position : event.latLng , title: ' # ' + route.getLength () , map : map } );}
i dette eksempel , Google Maps plotter steder på ruten eller polylinje bruge data i " route " array.
7
Gem din kode og teste det . Google Maps viser en linje på dit kort. For hvert sted Google Maps placerer en markør. Den polylinje vil ligne en connect -the- prikker billedet på kortet.