Hvordan Tegn en Polyline ha en Array av String Steder i Google Maps V3

Google Maps API V3 gir deg kontroll over hvordan å legge inn data og lage tilpassede Google maps. Hvis du har en liste eller matrise av lengde- og breddegrad du kan angi at Google bruker array å opprette en rute eller polyline på et kart. For eksempel kan du lage en linje å følge fjell konturer på en tursti eller en skipsleia som vever rundt en rekke øyer.

Bruksanvisning

1 Åpne HTML-fil og bla til den delen hvor du definere din Google Map.

2 Under koden der du initial kartet definere egenskapene til polylinje. For eksempel inn:

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

I dette eksempel er linjens fargen til det heksadesimale farget sort og vekten av linjen er tre.

3 Initialiser polylinje. For eksempel inn:

polylineExample = ny google.maps.Polyline (polylineOptions);
polylineExample.setMap (kart);

I dette eksemplet skal vi legge til polylinje til kart med egenskaper som er definert i "polylineOptions" variable.

4 Lag rekke steder ved å klikke på punkter på kartet. For eksempel inn:

google.maps.event.addListener (kart, "klikk", addLatLng);
}

I dette eksempelet Google lytter for brukeren til å klikke på kartet, og butikker som verdsetter "addLatLng."

5 Lag polylinje med addlatLng funksjon. For eksempel inn:

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 koordinater inn i matrisen.

6 Legg til en lokasjon markør for hvert geografisk punkt langs polylinje. For eksempel inn:

Var locMarker = ny google.maps.locMarker ({
stilling: event.latLng,
title: '#' + route.getLength ()
Kart: kart
});
}

I dette eksempelet, Google maps tomter steder på ruten eller polylinje ved hjelp av data i "rute" array.

7 Lagre koden din 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 koble-the-prikker bildet på kartet.