Sie können eine Google- Karte, um die spezifischen Bedürfnisse Ihrer Website Publikum mittels der Google Maps API 3.0 anzugehen. Eine Methode ist, einen Kreis , die einen Abstand Radius um einen bestimmten Ort zu platzieren. Platzieren Sie beispielsweise einen Kreis , die eine Fünf-Meile Radius um einen touristischen Ort , so dass die Nutzer können Hotels und Restaurants in der Nähe der Sehenswürdigkeit zu sehen. Um einen Abstand Radius um einen Ort oder eine Markierung zu erstellen , verwenden Sie die Google Maps "Circle" -Klasse. Anleitung
1

Öffnen Sie Ihre HTML-Datei und den Abschnitt mit dem Google-Karte Code bewegen .
2

unten den Code Blättern Sie , bis Sie den Code, wo Sie den Speicherort finden oder Marker . Um die Markierung leicht zu finden , suchen Sie nach dem Begriff " google.maps.Marker " in Ihren HTML-Datei.
3

Underneath , wo Sie den Marker definieren , erstellen Sie die "Circle" Overlay und binden Sie es an der Markierung. Geben Sie z. B. :

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

hinzufügen den Radius des Kreises in Meter um die Marker :
< p > var = new circleExample google.maps.Circle ( { : map Radius : .
5000 5

erstellen Füllfarbe für den Kreis definieren Sie die Farbe mit einem Hexadezimalformat z. B. Typ . :

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

Associate, oder binden , der Kreis um den Marker :

var circleExample = new google.maps.Circle ( { : map Radius : 5000 = # FFFFFF fillColor }); circleExample.bindTo ( ' map', Marker );
7 < p> Speichern Sie Ihre Karte und testen Sie es . Google Maps zeigt einen weißen Kreis mit einem Radius von 5.000 Metern um die Position der Markierung .