U kunt een Google- kaart aan te passen aan de specifieke behoeften van uw website publiek met behulp van de Google Maps 3.0 API pakken . Een methode is een cirkel met een straal afstand rond een bepaalde locatie te plaatsen . Zet bijvoorbeeld een cirkel met een straal van vijf mijl rond een toeristische locatie , zodat gebruikers kunnen hotels en restaurants in de buurt van de attractie te bekijken . Om een straal afstand rond een locatie of markering te maken , gebruikt u de Google Maps "Circle " class . Instructies
1 Open uw HTML-bestand en ga naar het gedeelte met de Google map code . Kopen van 2 Scroll naar beneden de code tot u de code waar je de locatie definiëren vinden of marker . Om de markering gemakkelijk vinden , zoeken op de term " google.maps.Marker ' in uw HTML-bestand .
3 Onderaan waar je de marker te definiëren , creëren de " Circle " overlay en bindt het aan de marker . Typ bijvoorbeeld : var circleExample = new google.maps.Circle
( { kaart : kaart
4 Voeg straal van de cirkel in meters rond de marker :
var circleExample = new google.maps.Circle ( { kaart : kaart radius : . 5.000
5 Maak een vulkleur voor de cirkel U definieert de kleur met behulp van een hexadecimale notatie Typ bijvoorbeeld . : var circleExample = new google.maps.Circle
( { kaart : kaart radius : 5000 fillColor = # FFFFFF } ) ;
Associate 6 , of te binden , de cirkel naar de marker : var circleExample = new google.maps.Circle
( { kaart : kaart radius : 5000 fillColor = # FFFFFF } ) ; circleExample.bindTo ( ' kaart ' , markering ) ;
7 Sla uw kaart en test het . Google Maps toont een witte cirkel met een straal van 5000 meter rond de marker locatie .
|
