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.