Du kan tilpasse et Google-kort til at løse de specifikke behov i din hjemmeside publikum ved hjælp af Google Maps 3.0 API. En metode er at placere en cirkel viser en afstand radius omkring et bestemt sted . For eksempel placere en cirkel viser en fem- mile radius omkring en turist placering, så brugerne kan se hoteller og restauranter tæt på tiltrækning. Hvis du vil oprette en afstand radius omkring en placering eller markør , bruge Google Maps "Circle "-klassen . Instruktioner
1
Åbn din HTML-fil og flytte til den sektion, der indeholder Google map -koden.
2
Rul ned koden , indtil du finder den kode, hvor du definerer placering eller markør . For at finde markøren nemt , søger efter ordet " google.maps.Marker " i din HTML-fil.
3
Underneath hvor du definere markøren , skal du oprette "Circle " overlay og binde den til markøren. Skriv f.eks : Hej
var circleExample = new google.maps.Circle ({ map : map
4
Tilføj cirklens radius i meter rundt mærketråden : Hej
var circleExample = new google.maps.Circle ({ map : map radius: . 5000
5
Opret en fyldfarve for cirklen Du definerer farven med en hexadecimal format Skriv f.eks . :
var circleExample = new google.maps.Circle ({ map : map radius: 5000 fillColor = # FFFFFF } )
6
Associate eller binde, cirklen til markør : Hej
var circleExample = new google.maps.Circle ({ map : map radius: 5000 fillColor = # FFFFFF } ), circleExample.bindTo (» map« , markør ),
7 < p> Gem kort og teste det. Google Maps viser en hvid cirkel med en radius på 5.000 meter omkring markørplacering .