Google Maps API V3 ger dig kontroll över hur indata och skapa egna Google maps . Om du har en lista eller matris med latitud och longitud kan du ange att Google använder arrayen för att skapa en rutt eller polylinje på en karta . Till exempel kan du skapa en linje som följer berget konturerna på en vandringsled eller en farled som väver kring en rad öar . Instruktioner
1
Öppna din HTML-fil och bläddra till det avsnitt där du definierar din Google Map .
2
Enligt koden där du initierar kartan definiera egenskaperna hos de polylinje . Till exempel , typ :
var polylineOptions = { strokeColor : " # 000000 " , strokeWeight : 3
I detta exempel är linjens färg satt till den hexadecimala färg svart och vikten av linjen är tre .
3
initiera polylinje . Till exempel , typ :
polylineExample = ny google.maps.Polyline ( polylineOptions ) , polylineExample.setMap ( karta ) ,
I det här exemplet lägger vi polylinjen till kartan med egenskaper som definieras i " polylineOptions " variabel .
4
Skapa uppsättningen positioner genom att klicka på punkter på kartan . Till exempel , typ :
google.maps.event.addListener ( karta , "klick" , addLatLng ) ; }
I detta exempel lyssnar Google för användaren att klicka på kartan och butiker som värdet i " addLatLng . "
5
skapa polylinjen med addlatLng funktionen . Skriv till exempel :
funktion addlatLng (event ) {var route = polyline.getpath ( ) ; route.push ( event.latLng ) ;
Fortsätter ett exempel , " getpath " återvänder matrisen med värden som tilldelas till variabeln " rutten " och skjuter nya geografiska koordinater i arrayen .
6
Lägg till en plats markör för varje geografisk punkt längs polylinje . Till exempel , typ :
var locMarker = ny google.maps.locMarker ( { ställning : event.latLng , title : ' # ' + route.getLength ( ) , map : map } ) ; }
i detta exempel , Google Maps tomter platser på sträckan eller polylinjen använda uppgifterna i den " rutten " array .
7
Spara din kod och testa den . Google Maps visar en linje på kartan . För varje plats Google Maps placerar en markör . Den polylinje kommer se ut ungefär som ett connect -the- dots bilden på kartan .
