Google Maps API V3 gir deg kontroll over hvordan å legge inn data og opprette egendefinerte Google maps. Hvis du har en liste eller matrise av bredde-og lengdegrad koordinater kan du angi at Google bruker array å opprette en rute eller polyline på et kart. For eksempel kan du lage en linje å følge fjellet konturer på en tursti eller en skipsleia som vever rundt en rekke øyer . Instruksjoner
en
Åpne HTML -fil , og bla til den delen hvor du definere din Google Map .
2
Under koden der du initialisere kartet definere egenskapene til polylinje . For eksempel skrive : en
Var polylineOptions = { strokeColor : '# 000000 ' , strokeWeight : 3
I dette eksemplet er linjens farge satt til den heksadesimale farge sort og vekten av linjen er tre.
3
Initialiser polylinje . For eksempel skrive : en
polylineExample = new google.maps.Polyline ( polylineOptions ) ; polylineExample.setMap ( kart) ;
I dette eksempelet er det å legge på polylinje til kartet med egenskapene definert i " polylineOptions " variable .
4
Lag rekken av steder ved å klikke på punktene på kartet . For eksempel skrive : en
google.maps.event.addListener ( map , "klikk" , addLatLng ); }
I dette eksemplet lytter Google for brukeren til å klikke på kartet og butikker som verdi i " addLatLng . "
5
opprette polylinje med addlatLng funksjon. For eksempel , skriver du:
funksjon addlatLng ( hendelse) {var rute = polyline.getpath (); route.push ( event.latLng ) ;
Fortsetter et eksempel , " getpath " returnerer rekken av verdiene tilordnet variabelen " rute" og skyver de nye geografiske koordinatene i tabellen.
6
Legg til en lokasjon markør for hvert geografiske punkt langs polylinje . For eksempel skrive : en
Var locMarker = new google.maps.locMarker ( {position : event.latLng , title: '# ' + route.getLength ( ) , kart : map } ); }
i dette eksempelet , Google maps plotter steder på ruten eller polylinje ved hjelp av data i " rute " array .
7
Lagre koden og teste den. Google Maps viser en linje på kartet . For hvert sted Google Maps plasserer en markør. Den polylinje vil ligne på en connect - the- prikker bildet på kartet.