Hvordan bruke Google Maps API Avstand Radius

Du kan tilpasse et Google-kart for å møte de spesielle behovene til ditt nettsted publikum ved hjelp av Google Maps 3.0 API. En metode er å plassere en sirkel som viser en avstand radius rundt et bestemt sted. For eksempel plassere en sirkel som viser en fem kilometers radius rundt en turist sted, slik at brukerne kan se hoteller og restauranter i nærheten av attraksjonen. Å skape en avstand radius rundt et sted eller markør, bruke Google Maps "Circle" class.

Bruksanvisning

1 Åpne HTML-fil og flytte til den delen som inneholder Google map-koden.

2 Rull ned koden til du finner koden der du definerer plasseringen eller markør. For å finne markøren lett, søk på ordet "google.maps.Marker" i HTML-fil.

3 Under der du definerer markør, lage "Circle" overlay og binde den til markør. For eksempel inn:

Var circleExample = ny google.maps.Circle ({
Kart: kart

4 Legg sirkelens radius i meter rundt merke:

Var circleExample = ny google.maps.Circle ({
Kart: kart
radius: 5000

5 Lag en fyllfarge for sirkelen. Du definerer farge med et heksadesimalt format. For eksempel inn:

Var circleExample = ny google.maps.Circle ({
Kart: kart
radius: 5000
fillColor = #FFFFFF
});

6 Advokatfullmektig, eller bind, sirkelen til markør:

Var circleExample = ny google.maps.Circle ({
Kart: kart
radius: 5000
fillColor = #FFFFFF
});
circleExample.bindTo ( "kart", men da);

7 Spar kartet og teste den. Google Maps viser en hvit sirkel med en radius på 5000 meter rundt merke plassering.