Cómo dibujar una polilínea que tiene un conjunto de ubicaciones de cadena en Google Maps V3

La Google Maps API V3 le da control sobre cómo introducir datos y crear mapas personalizados de Google . Si usted tiene una lista o una matriz de coordenadas de latitud y longitud se puede especificar que Google utiliza la matriz para crear una ruta o línea poligonal en un mapa. Por ejemplo , podría crear una línea que siga el contorno de montaña en una ruta de senderismo o una ruta de navegación que se teje en torno a una serie de islas . Instrucciones
1

Abra el archivo HTML y desplácese a la sección donde se define el mapa de Google .
2

Bajo el código donde se inicializa el mapa definir las características de la polilínea. Por ejemplo , escriba:

PolylineOptions var = { strokeColor : '# 000000 ' , strokeWeight : 3

En este ejemplo , el color de la línea se establece en el hexadecimal de color negro y el peso de la la línea es de tres.
3

Inicialice la polilínea. Por ejemplo , escriba:

polylineExample = new google.maps.Polyline ( PolylineOptions ) ; polylineExample.setMap (mapa) ;

En este ejemplo, estamos agregando la polilínea al mapa con el características definidas en la variable " PolylineOptions " .
4

Crear la matriz de ubicaciones , haga clic en los puntos en el mapa. Por ejemplo , escriba:

google.maps.event.addListener (mapa, 'click', addLatLng ) ;}

En este ejemplo, Google detecta que el usuario haga clic en el mapa y tiendas de ese valor en " addLatLng . "
5

Crear la polilínea con la función addlatLng . Por ejemplo, escriba :

addlatLng función ( evento) { var ruta = polyline.getpath (); route.push ( event.latLng ) ;

Siguiendo un ejemplo , devuelve " getPath " el conjunto de los valores asignados a la "ruta " variable y empuja las nuevas coordenadas geográficas en la matriz.
6

Añadir un marcador de posición para cada punto geográfico a lo largo de la polilínea. Por ejemplo , escriba:

locMarker var = new google.maps.locMarker ( {position : event.latLng , título: '# ' + route.getLength (), el mapa: mapa } ) ;}

en este ejemplo , Google Maps traza las ubicaciones en la ruta o línea poligonal utilizando los datos de la matriz " ruta " .
7

Guardar el código y probarlo . Google Maps muestra una línea en el mapa. Para cada ubicación Google Maps coloca un marcador . La polilínea será similar a una imagen - la -puntos de conexión en el mapa.