Innhold
Du kan tilpasse et Google-kart for å imøtekomme de spesifikke behovene til målgruppen til nettstedet ditt med Google Maps 3.0 API. En metode for personalisering er å sette inn en sirkel som viser avstandsradiusen rundt et bestemt sted. Du kan for eksempel vise en radius på fem kilometer rundt et turiststed, slik at besøkende kan se hoteller og restauranter i nærheten. For å opprette en avstandsradius rundt et sted eller et punkt, bruk Google Maps "Circle" -klassen.
Trinn 1
Åpne HTML-filen og gå til delen som inneholder Google-kartkoden.
Steg 2
Rull ned koden til du finner den som definerer markørens plassering. For å finne bokmerket enkelt, søk etter begrepet "google.maps.Marker" i HTML-filen.
Trinn 3
Nedenfor hvor du definerer markøren, lager du "Circle" -laget og fester det til det. Skriv for eksempel:
var sirkeleksempel = ny google.maps.Circle ({kart: kart
Trinn 4
Legg til radiusen til sirkelen som vil være rundt markøren i meter:
var sirkeleksempel = ny google.maps.Circle ({kart: kartradius: 5000
Trinn 5
Lag en fyllfarge for sirkelen. Du definerer fargen ved å bruke et heksadesimalt format. Skriv for eksempel:
var sirkeleksempel = ny google.maps.Circle ({kart: kartradius: 5000 fillColor = #FFFFFF});
Trinn 6
Knytt eller legg til sirkelen til markøren:
var sirkeleksempel = ny google.maps.Circle ({kart: kartradius: 5000 fillColor = #FFFFFF}); circleExample.bindTo (’kart’, markør);
Trinn 7
Lagre kartet og test. Google Maps viser en hvit sirkel med en radius på 5.000 meter rundt markørplasseringen.