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

La API de Google Maps V3 le da control sobre la forma de entrada de datos y crear mapas personalizados de Google. Si usted tiene una lista o 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, se podría crear una línea que sigue los contornos de la montaña en un sendero o una ruta de envío que teje en torno a una serie de islas.

Instrucciones

1 Abre el archivo HTML y vaya a la sección en la que se define el mapa de Google.

2 Bajo el código en el que inicializar 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 negro de color hexadecimal y el peso de la línea es de tres.

3 Inicializar la polilínea. Por ejemplo, escriba:

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

En este ejemplo, estamos añadiendo la polilínea al mapa con las características definidas en el "PolylineOptions" variable.

4 Crear la matriz de ubicaciones haciendo clic en los puntos del mapa. Por ejemplo, escriba:

google.maps.event.addListener (mapa, "clic", addLatLng);
}

En este ejemplo, Google escucha para que el usuario haga clic en el mapa y almacena dicho valor en "addLatLng."

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

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

Continuando con el ejemplo, "getPath" devuelve la matriz de valores asignados a la "ruta" variable y empuja a las nuevas coordenadas geográficas en la matriz.

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

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

En este ejemplo, los mapas de Google parcelas las ubicaciones en la ruta o línea poligonal utilizando los datos de la matriz "ruta".

7 Guarde su código y probarlo. Google Maps muestra una línea en el mapa. Para cada ubicación de Google Maps coloca un marcador. La polilínea se parecerá una imagen unir los puntos en el mapa para.