Inhoud
U kunt een Google-kaart aanpassen aan de specifieke behoeften van het publiek van uw website met de Google Maps 3.0 API. Een methode voor personalisatie is om een cirkel in te voegen die de afstandsradius rond een specifieke plaats aangeeft. U kunt bijvoorbeeld de straal van vijf kilometer rond een toeristische plek laten zien, zodat bezoekers hotels en restaurants in de buurt kunnen zien. Gebruik de Google Maps "Circle" -klasse om een afstandsradius rond een locatie of punt te creëren.
Stap 1
Open het HTML-bestand en ga naar het gedeelte met de Google-kaartcode.
Stap 2
Blader door de code totdat u degene vindt die de locatie van de markering definieert. Om de bladwijzer gemakkelijk te vinden, zoekt u naar de term "google.maps.Marker" in het HTML-bestand.
Stap 3
Onder waar u de markering definieert, maakt u de laag "Cirkel" en bevestigt u deze eraan. Typ bijvoorbeeld:
var circleExample = nieuwe google.maps.Circle ({map: map
Stap 4
Voeg de straal van de cirkel in meters toe die rond de markering zal zijn:
var circleExample = nieuwe google.maps.Circle ({map: map radius: 5000
Stap 5
Maak een vulkleur voor de cirkel. U definieert de kleur met een hexadecimaal formaat. Typ bijvoorbeeld:
var circleExample = nieuwe google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF});
Stap 6
Koppel de cirkel aan de markering of voeg deze toe:
var circleExample = nieuwe google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF}); circleExample.bindTo (’kaart’, marker);
Stap 7
Bewaar de kaart en test. Google Maps toont een witte cirkel met een straal van 5.000 meter rond de markeringslocatie.