“Conocimiento Programación>JavaScript Programación

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

2011/10/16
Puede personalizar un mapa de Google para hacer frente a las necesidades específicas de su sitio web público que utilizan la 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 en particular . Por ejemplo, coloque un círculo que muestra un radio de cinco millas alrededor de un lugar turístico , por lo que los usuarios pueden ver todos los hoteles y restaurantes cerca de la atracción. Para crear un radio de distancia alrededor de un lugar o un marcador , utilice la clase Google Maps " Círculo " . Instrucciones
1

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

Scroll down el código hasta encontrar el código en el que se define la ubicación o marcador . Para encontrar el marcador fácilmente , busque el término " google.maps.Marker " en el archivo HTML.
3

Debajo de donde se define la marca , crear el overlay " Círculo " y enlazarlo al marcador. Por ejemplo , escriba:

circleExample var = new google.maps.Circle ({ mapa: Mapa y Ubicación 4

Agregar radio de la circunferencia en metros alrededor del marcador :
< p > circleExample var = new google.maps.Circle ({ mapa : Mapa de radio : . 5.000
5

Crea un color de relleno para el círculo se define el color mediante un formato hexadecimal por ejemplo , escriba. :

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

Asociado , o se unen , el círculo con el marcador :

circleExample var = new google.maps.Circle ({ mapa : Mapa de radio : 5000 fillColor = # FFFFFF } ) ; circleExample.bindTo ( "mapa" , marcador);
7 < p> Guardar su mapa y probarlo . Google Maps muestra un círculo blanco con un radio de 5.000 metros alrededor de la ubicación del marcador .

JavaScript Programación
Tutorial de Javascript efectos de fondo
Cómo hacer un Widget para el Dashboard con Dashcode
Cómo incrustar JavaScript en Asp.net
Cómo llegar a un Thickbox Jquery
Cómo convertir números a las palabras en Javascript
Diferencia entre onbeforeunload y OnUnload
Cómo hacer correderas contenido en jQuery
Cómo utilizar el análisis estático para encontrar errores
Conocimiento de la computadora © http://www.ordenador.online