Het gebruik van de Google Maps API afstand straal

U kunt een kaart Google aan de specifieke behoeften van de doelgroep van uw website met behulp van de API van Google Maps 3.0. Een methode is om een cirkel toont een afstand straal rond een specifieke locatie. Plaats bijvoorbeeld een cirkel met een straal van vijf mijl rond een toeristische locatie, zodat gebruikers, hotels en restaurants dicht bij de attractie bekijken kunnen. Als u wilt maken een afstand straal rond een locatie of een marker, de Google Maps "Cirkel" klasse te gebruiken.

• Het HTML-bestand openen en verplaatsen naar de sectie met de code van de kaart Google.

• Scroll naar beneden de code totdat u de code waarin u de locatie of de markering definiëren. Kunt u de markering gemakkelijk, zoeken voor de term "google.maps.Marker" in uw HTML-bestand.

• Onder waar u de markering definiëren, maken de "Cirkel" overlay en bind dit aan de markering. Typ bijvoorbeeld:

  var circleExample = nieuwe google.maps.Circle({
  kaart: kaart

• De straal van de cirkel in meter rond de markering toevoegen

  var circleExample = nieuwe google.maps.Circle({
  kaart: kaart
  straal: 5000

• Maak een vulkleur voor de cirkel. U definieert de kleur een hexadecimale notatie. Typ bijvoorbeeld:

  var circleExample = nieuwe google.maps.Circle({
  kaart: kaart
  straal: 5000
  fillColor = #FFFFFF
  });

• Koppelen, of te binden, de cirkel naar de markering:

  var circleExample = nieuwe google.maps.Circle({
  kaart: kaart
  straal: 5000
  fillColor = #FFFFFF
  });
  circleExample.bindTo ('kaart', marker);

• Sla uw kaart en testen. Google Maps wordt een witte cirkel met een straal van 5000 meter rond de locatie van de markering weergegeven.