Yshopnoosa.com

Hur man använder Google Maps API avstånd radien

Du kan anpassa en Google karta för att möta de specifika behoven hos din webbplats publik med Google Maps 3.0 API. En metod är att placera en cirkel visar en avstånd radie runt en viss plats. Till exempel placera en cirkel visar en fem mils radie runt en turist plats, så att användare kan Visa hotell och restauranger i närheten attraktionen. För att skapa en distans radie runt en plats eller markör, använda Google Maps "Cirkel"-klassen.

Instruktioner

1 Öppna HTML-filen och flytta till avsnittet som innehåller Google karta koden.

2 Scrolla ner koden tills du hittar koden där du definiera den plats eller markör. För att enkelt hitta markören, söka termen "google.maps.Marker" i din HTML-fil.

3 Under där du definiera markören, skapa "Cirkel" overlay och binda den till markören. Exempelvis skriv:

var circleExample = ny google.maps.Circle({karta: karta

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

var circleExample = ny google.maps.Circle({karta: kartaradie: 5000

5 Skapa en fyllningsfärg för cirkeln. Du definierar färgen med ett hexadecimalt format. Exempelvis skriv:

var circleExample = ny google.maps.Circle({karta: kartaradie: 5000fillColor = #FFFFFF});

6 Docent, eller bindning, cirkla till markören:

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

7 Spara din karta och testa den. Google Maps visar en vit cirkel med en radie på 5 000 meter runt markörens plats.