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 et distanse radius rundt et bestemt sted. For eksempel plassere en sirkel viser en fem kilometer radius rundt et turist sted , slik at brukerne kan vise hoteller og restauranter i nærheten til attraksjonen. Å skape en avstand radius rundt et sted eller markør, bruke Google Maps " Circle" -klassen. Instruksjoner
en
Åpne HTML-filen 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ør lett , søk på ordet " google.maps.Marker " i HTML-filen .
3
Under der du definerer markøren , skape " Circle" overlay og binde den til markeringen. For eksempel skrive : en
Var circleExample = new google.maps.Circle ( { map : map
4
Legg sirkelens radius i meter rundt markøren : en < p > var circleExample = new google.maps.Circle ( { map : map radius: . 5000
5
Lag en fyllfarge for sirkelen Du definerer farge med et heksadesimalt format for eksempel inn . :
Var circleExample = new google.maps.Circle ( { map : map radius: 5000 fillColor = # FFFFFF });
6
Associate , eller bind, sirkelen til markør : en
Var circleExample = new google.maps.Circle ( { map : map radius: 5000 fillColor = # FFFFFF }); circleExample.bindTo ( "kart" , markør );
7 < p> Lagre kart og teste den. Google Maps viser en hvit sirkel med en radius på 5000 meter rundt markøren sted.