Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur man drar en Polyline med en uppsättning String Platser i Google Maps V3

    Google Maps API V3 ger dig kontroll över hur indata och skapa egna Google maps . Om du har en lista eller matris med latitud och longitud kan du ange att Google använder arrayen för att skapa en rutt eller polylinje på en karta . Till exempel kan du skapa en linje som följer berget konturerna på en vandringsled eller en farled som väver kring en rad öar . Instruktioner
    1

    Öppna din HTML-fil och bläddra till det avsnitt där du definierar din Google Map .
    2

    Enligt koden där du initierar kartan definiera egenskaperna hos de polylinje . Till exempel , typ :

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

    I detta exempel är linjens färg satt till den hexadecimala färg svart och vikten av linjen är tre .
    3

    initiera polylinje . Till exempel , typ :

    polylineExample = ny google.maps.Polyline ( polylineOptions ) , polylineExample.setMap ( karta ) ,

    I det här exemplet lägger vi polylinjen till kartan med egenskaper som definieras i " polylineOptions " variabel .
    4

    Skapa uppsättningen positioner genom att klicka på punkter på kartan . Till exempel , typ :

    google.maps.event.addListener ( karta , "klick" , addLatLng ) ; }

    I detta exempel lyssnar Google för användaren att klicka på kartan och butiker som värdet i " addLatLng . "
    5

    skapa polylinjen med addlatLng funktionen . Skriv till exempel :

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

    Fortsätter ett exempel , " getpath " återvänder matrisen med värden som tilldelas till variabeln " rutten " och skjuter nya geografiska koordinater i arrayen .
    6

    Lägg till en plats markör för varje geografisk punkt längs polylinje . Till exempel , typ :

    var locMarker = ny google.maps.locMarker ( { ställning : event.latLng , title : ' # ' + route.getLength ( ) , map : map } ) ; }

    i detta exempel , Google Maps tomter platser på sträckan eller polylinjen använda uppgifterna i den " rutten " array .
    7

    Spara din kod och testa den . Google Maps visar en linje på kartan . För varje plats Google Maps placerar en markör . Den polylinje kommer se ut ungefär som ett connect -the- dots bilden på kartan .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur man jämföra strängar i JavaScript
    ·Lägga till ett sökfält för din förlagets webbplats…
    ·Så ändrar HTML Text med JavaScript Variabler
    ·Så här öppnar Accelerometer Via Javascript i Android…
    ·Hur vill kolla webbläsare Skriv in JavaScript
    ·Vad är Ojämlikhet i JavaScript
    ·Hur man hittar ett primtal Använda Javascript
    ·Hur köra en extern Java Script När en HTML-webbsida L…
    ·En ActiveX Javascript Tutorial
    ·Regler för Canasta Card Game
    Utvalda artiklarna
    ·Så ändrar INT till ett objekt i C + +
    ·Hur man testar för Mobile Automation
    ·Hur man kompilerar ett C + + Med CMD & CL
    ·Lägga till JDK till din Classpath
    ·Flera infogas i MySQL
    ·Hur Dölj Lösenord Tecken i STDIN Perl Windows
    ·Hur man gör ett Live Search Med PHP och MySQL
    ·Så här visar en cylinder i Java
    ·Hur man skriver ett skrivarkommando i Fortran
    ·Programvara Krav för ASP.NET
    Copyright © Dator Kunskap http://www.dator.xyz