| Home  | Casa  | Hardware  | Networking  | Programmazione  | Software  | Domanda  | Sistemi  |   
Programmazione  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Java Programming

  • Programmazione Javascript

  • PHP /MySQL Programmazione

  • Perl Programming

  • Python Programming

  • rubino Programmazione

  • Nozioni di base di Visual Programming
  •  
    Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> Content
    Come disegnare una polilinea Avere un array di stringhe Località in Google Maps V3
    La Google Maps API V3 consente di controllare come i dati di ingresso e di creare mappe personalizzate di Google . Se si dispone di un elenco o di una matrice delle coordinate di latitudine e longitudine è possibile specificare che Google utilizza l'array per creare un percorso o polilinea su una mappa . Ad esempio, è possibile creare una linea seguendo i contorni di montagna su un sentiero o una rotta di navigazione che tesse intorno a una serie di isole . Istruzioni
    1

    Aprire il file HTML e scorrere fino alla sezione in cui si definisce il Google Map.
    2

    Sotto il codice in cui si inizializza la mappa definire le caratteristiche del polilinea . Ad esempio, digitare :

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

    In questo esempio , il colore della linea è impostato il colore esadecimale nero e il peso del linea è tre.
    3

    Inizializzare la polilinea . Ad esempio, digitare :

    polylineExample = new google.maps.Polyline ( polylineOptions ) ; polylineExample.setMap ( mappa) ;

    In questo esempio , stiamo aggiungendo la polilinea per la mappa con la caratteristiche definite nella variabile " polylineOptions " .
    4

    creare la matrice di posizioni , fare clic su punti sulla mappa . Ad esempio, digitare :

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

    In questo esempio , Google intercetta l' utente a cliccare sulla mappa e negozi che il valore in " addLatLng . "
    5

    Creare il poligono utilizzando la funzione addlatLng . Ad esempio, digitare :

    funzione addlatLng (event) {var percorso = polyline.getpath (); route.push ( event.latLng ) ;

    Continuando l'esempio , restituisce " GetPath " la matrice di valori assegnati alla variabile "route" e spinge le nuove coordinate geografiche nella matrice .
    6

    Aggiungi un indicatore di posizione per ogni punto geografico lungo la polilinea . Ad esempio, digitare :

    locMarker var = new google.maps.locMarker ( {position : event.latLng , title : '#' + route.getLength ( ) , map : mappa } ) ; }

    in questo esempio , Google trame mappe delle località lungo il percorso o polilinea utilizzando i dati nella matrice "route" .
    7

    Salva il tuo codice e testarlo. Google Maps visualizza una linea sulla mappa. Per ogni posizione Google Maps pone un marcatore. La polilinea sarà simile all'immagine di un collega i puntini sulla mappa .

    Previous :

    next :
      Articoli Correlati
    ·Livello intermedio Tutorial Javascript 
    ·Come creare Script Java per Looping Foto 
    ·Come creare un bordo lampeggiante sul DIV 
    ·Definizione di Javascript 
    ·Coding semplici JS Editor di testo 
    ·Tutorial JavaScript per la funzione di convalida Tempo 
    ·Come inserire CrawlTrack Into WordPress 
    ·Come rimuovere un tag P con jQuery 
    ·Come fare Blink Text Con Javascript 
    ·Come creare un grafico a torta in JSP usando JFreeChart…
      Articoli in evidenza
    ·Come risolvere l' IP in Python 
    ·Come codice Expression Parser regolari 
    ·Come funziona PHP Prendi il biscotto giusto ? 
    ·Come chiudere i programmi in C 
    ·Come utilizzare Microsoft XNA 
    ·Come installare Java 3D 
    ·Come controllare per gli interi 
    ·Come calcolare l'interesse semplice in Visual Basic 
    ·Come leggere da Dosbox in Perl 
    ·Come calcolare una media, in Visual Basic 
    Copyright © Conoscenza Informatica http://it.wingwit.com