Cómo utilizar la API de Google Maps distancia de radio

Puede personalizar un mapa de Google para hacer frente a las necesidades específicas de su audiencia sitio web utilizando el API de Google Maps 3.0. Un método consiste en colocar un círculo que muestra un radio de distancia alrededor de una ubicación particular. Por ejemplo, colocar un círculo que muestra un radio de cinco millas alrededor de un lugar turístico, por lo que los usuarios puedan ver los hoteles y restaurantes cerca de la atracción. Para crear un radio de distancia alrededor de una ubicación o un marcador, utilice la clase mapas de Google "círculo".

Instrucciones

1 Abre el archivo HTML y pasar a la sección que contiene el código del mapa de Google.

2 Desplazarse hacia abajo el código hasta encontrar el código en el que se define la ubicación o marcador. Para encontrar el marcador con facilidad, buscar el término "google.maps.Marker" en su archivo HTML.

3 Debajo de donde se define el marcador, crear la superposición de "círculo" y ligarlo al marcador. Por ejemplo, escriba:

var = new circleExample google.maps.Circle ({
el mapa: mapa

4 Añadir el radio del círculo en metros alrededor del marcador:

var = new circleExample google.maps.Circle ({
el mapa: mapa
radio: 5000

5 Crear un color de relleno para el círculo. Se define el color utilizando un formato hexadecimal. Por ejemplo, escriba:

var = new circleExample google.maps.Circle ({
el mapa: mapa
radio: 5000
fillColor = #FFFFFF
});

6 Asociado, o atar el círculo para el marcador:

var = new circleExample google.maps.Circle ({
el mapa: mapa
radio: 5000
fillColor = #FFFFFF
});
circleExample.bindTo ( "mapa", marcador);

7 Guardar el mapa y probarlo. Google Maps muestra un círculo blanco con un radio de 5.000 metros alrededor de la ubicación del marcador.