Indhold
Du kan tilpasse et Google-kort til at imødekomme de specifikke behov hos dit websteds publikum med Google Maps 3.0 API. En metode til personalisering er at indsætte en cirkel, der viser afstandsradiusen omkring et bestemt sted. Du kan for eksempel vise en radius på fem kilometer omkring et turiststed, så besøgende kan se nærliggende hoteller og restauranter. For at oprette en afstandsradius omkring en placering eller et punkt skal du bruge klassen "Circle" i Google Maps.
Trin 1
Åbn HTML-filen, og gå til det afsnit, der indeholder Google-kortkoden.
Trin 2
Rul ned koden, indtil du finder den, der definerer markørens placering. For at finde bogmærket let, søg efter udtrykket "google.maps.Marker" i HTML-filen.
Trin 3
Nedenfor hvor du definerer markøren, skal du oprette "Cirkel" -laget og vedhæfte det til det. Skriv f.eks .:
var circleExample = ny google.maps.Circle ({kort: kort
Trin 4
Tilføj radius af cirklen, der vil være omkring markøren i meter:
var circleExample = ny google.maps.Circle ({kort: kortradius: 5000
Trin 5
Opret en udfyldningsfarve til cirklen. Du definerer farven ved hjælp af et hexadecimalt format. Skriv f.eks .:
var circleExample = ny google.maps.Circle ({kort: kortradius: 5000 fillColor = #FFFFFF});
Trin 6
Tilknyt eller tilføj cirklen til markøren:
var circleExample = ny google.maps.Circle ({kort: kortradius: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('kort', markør);
Trin 7
Gem kortet og test. Google Maps viser en hvid cirkel med en radius på 5.000 meter omkring markørplaceringen.