De Google Maps API gebruiken voor radiale afstand

Inhoud

• routebeschrijving

U kunt een Google-kaart aanpassen aan de specifieke doelgroepbehoeften van uw site met de Maps API 3.0. Een methode voor personalisatie is om een ​​cirkel in te voegen die de straal van de afstand rond een specifieke plaats weergeeft. U kunt bijvoorbeeld de straal van acht kilometer rond een toeristische plek weergeven zodat bezoekers hotels en restaurants in de buurt kunnen zien. Als u een afstandsradius rond een locatie of punt wilt maken, gebruikt u de klasse 'Cirkel' in Google Maps.

routebeschrijving

1. Open het HTML-bestand en ga naar het gedeelte dat de Google-kaartcode bevat.

2. Blader door de code totdat u de locatie van de markering vindt. Zoek de term 'google.maps.Marker' in het HTML-bestand om de bladwijzer gemakkelijk te vinden.

3. Onder waar u de markering hebt ingesteld, maakt u de laag "Cirkel" en voegt u deze eraan toe. Typ bijvoorbeeld:

   var circleExample = new google.maps.Circle ({map: kaart

4. Voeg de straal van de cirkel toe die rond de markering in meters zal zijn:

   var circleExample = new google.maps.Circle ({map: map straal: 5000

5. Maak een vulkleur voor de cirkel. U stelt de kleur in met een hexadecimaal formaat. Typ bijvoorbeeld:

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

6. Koppel de cirkel aan de markering of voeg deze toe:

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

   
   

7. Sla de kaart op en test. Google Maps toont een witte cirkel met een straal van 5000 meter rond de locatie van de markering.