| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
Programación  
  • C /C + + Programming

  • Lenguajes De Programación

  • Delphi Programación

  • Programación Java

  • JavaScript Programación

  • Programación PHP /MySQL

  • Perl Programming

  • Python Programming

  • Rubí Programación

  • Visual Basics Programación
  •  
    Conocimientos Informáticos >> Programación >> JavaScript Programación >> Content
    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.

    Previous :

    next :
      Artículos relacionados
    ·Cómo crear elementos con JavaScript Client Side 
    ·Cómo cambiar una imagen de fondo con CSS JavaScript 
    ·Cómo mover una imagen de X & Y en JavaScript 
    ·El desarrollo de Google Maps API 
    ·Cómo escribir secuencias de comandos en RFT Java 
    ·Cómo Obtener el código fuente de un elemento de image…
    ·Cómo habilitar validadores de ASP.NET con JavaScript 
    ·Cómo agregar un hipervínculo a un título de LightBox…
    ·Cómo girar una Div JavaScript 
    ·Cómo calcular el tiempo de carga 
      Artículos destacados
    ·Cómo convertir el conjunto de resultados en Drop -Down…
    ·¿Qué es Python Coding 
    ·VBA Funciones de comparación de cadenas 
    ·Cómo crear un archivo de texto para MySQL 
    ·JavaScript Target iFrame documento Tutorial 
    ·Cómo eliminar fronteras en CSS 
    ·Cómo declarar una variable global en VBA 
    ·Cómo crear Google Maps aplicación 
    ·Descripción de trabajo para un programador de CMM CMM 
    ·Cómo conectar VB6 a PHP con ODBC 
    Copyright © Conocimientos Informáticos http://ordenador.wingwit.com