Innehåll
Du kan anpassa en Google-karta för att möta de specifika behoven hos webbplatsens målgrupp med Google Maps 3.0 API. En metod för personalisering är att infoga en cirkel som visar avståndsradien runt en viss plats. Du kan till exempel visa radien på fem kilometer runt en turistplats så att besökare kan se närliggande hotell och restauranger. Om du vill skapa en avståndsradie runt en plats eller punkt använder du klassen "Circle" i Google Maps.
Steg 1
Öppna HTML-filen och gå till avsnittet som innehåller Google-kartkoden.
Steg 2
Rulla ned koden tills du hittar den som definierar markörens plats. För att hitta bokmärket enkelt, sök efter termen "google.maps.Marker" i HTML-filen.
Steg 3
Nedan där du definierar markören skapar du "Circle" -skiktet och fäster det till det. Skriv till exempel:
var circleExample = ny google.maps.Circle ({karta: karta
Steg 4
Lägg till radien för cirkeln som kommer att vara runt markören i meter:
var circleExample = ny google.maps.Circle ({karta: kartradie: 5000
Steg 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 ({karta: kartradie: 5000 fillColor = #FFFFFF});
Steg 6
Associera eller lägg till cirkeln till markören:
var circleExample = ny google.maps.Circle ({karta: kartradie: 5000 fillColor = #FFFFFF}); circleExample.bindTo (’karta’, markör);
Steg 7
Spara kartan och testa. Google Maps visar en vit cirkel med en radie på 5000 meter runt markörens plats.