Open uw HTML-bestand en ga naar de sectie waar je jouw Google Map te definiëren . Kopen van 2

Onder de code waar u initialiseren de kaart bepalen de kenmerken van de polylijn . Typ bijvoorbeeld :

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

In dit voorbeeld , de kleur van de lijn is ingesteld op de hexadecimale kleur zwart en het gewicht van de lijn is drie .
3

Initialiseer de polylijn . Typ bijvoorbeeld :

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

In dit voorbeeld voegen we de polylijn om de kaart met de kenmerken gedefinieerd in de variabele " polylineOptions " .
4

Maak de reeks van locaties door op punten op de kaart . Typ bijvoorbeeld :

google.maps.event.addListener
( kaart , 'klik' , addLatLng ) ; }

In dit voorbeeld is Google luistert naar de gebruiker te klikken op de kaart en winkels die waarde in " addLatLng . "
5

Maak de polylijn met de addlatLng functie . Typ bijvoorbeeld :

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

Continuing een voorbeeld , " GetPath " rendementen de array van waarden die bij de variabele " route " en duwt de nieuwe geografische coördinaten in de array .
6

Voeg een locatie marker voor elk geografisch punt langs de polylijn . Typ bijvoorbeeld :

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

in dit voorbeeld is Google maps plots de locaties op de route of polylijn met de gegevens in de " route " array.
7

Sla uw code en test het . Google Maps geeft een lijn op je kaart . Voor elke locatie Google Maps plaatst een marker . De polylijn zal lijken afbeelding van een connect - de - stippen op de kaart om .