Hur man använder Google Maps API Avstånd Radius

Du kan skräddarsy en Google-karta för att ta itu med de särskilda behoven hos din webbplats publiken med hjälp av Google Maps 3.0 API . En metod är att placera en cirkel som visar ett avstånd radie runt en viss plats . Till exempel , placera en cirkel som visar en fem mils radie runt en turist plats , så att användarna kan se hotell och restauranger nära till attraktion . För att skapa en distans radie runt en plats eller markör , använd Google Maps " Cirkel " klass . Instruktioner
1

Öppna din HTML-fil och flytta till det avsnitt som innehåller Google map koden .
2

Scrolla ned koden tills du hittar koden där du definiera platsen eller markör . För att hitta markören lätt , söker efter ordet " google.maps.Marker " i HTML -filen . Addera 3

Underneath definierar du markören , skapar " Circle " overlay och binda den till markören. Till exempel , typ :

var circleExample = ny google.maps.Circle ( { kartan: map
4

Lägg cirkelns radie i meter runt markören :

var circleExample = ny google.maps.Circle ( { kartan: map radie : . 5000
5

Skapa en fyllningsfärg för cirkeln Du definierar färgen med ett hexadecimalt format Skriv till exempel . :

var circleExample = ny google.maps.Circle ( { kartan: map radie : 5000 fillColor = # FFFFFF } ) ;
6

Associate , eller binda , cirkeln till markören :

var circleExample = ny google.maps.Circle ( { kartan: map radie : 5000 fillColor = # FFFFFF } ) ; circleExample.bindTo ( " karta " , markör ) ,
7

Spara din karta och testa den . Google Maps visar en vit cirkel med en radie på 5000 meter runt markören platsen .