Datamaskin
  | Hjem | Hardware | Nettverk | Programmering | Software | Feilsøking | Systems | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringsspråk
  • Delphi Programming
  • Java Programming
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl Programming
  • Python Programming
  • Ruby Programming
  • Visual Basics Programming
  •  
    Datamaskin >> Programmering >> JavaScript Programmering >> Content
    Hvordan Tegn en Polyline Å ha en Array av String Steder i Google Maps V3
    Google Maps API V3 gir deg kontroll over hvordan å legge inn data og opprette egendefinerte Google maps. Hvis du har en liste eller matrise av bredde-og lengdegrad koordinater kan du angi at Google bruker array å opprette en rute eller polyline på et kart. For eksempel kan du lage en linje å følge fjellet konturer på en tursti eller en skipsleia som vever rundt en rekke øyer . Instruksjoner
    en

    Åpne HTML -fil , og bla til den delen hvor du definere din Google Map .
    2

    Under koden der du initialisere kartet definere egenskapene til polylinje . For eksempel skrive : en

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

    I dette eksemplet er linjens farge satt til den heksadesimale farge sort og vekten av linjen er tre.
    3

    Initialiser polylinje . For eksempel skrive : en

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

    I dette eksempelet er det å legge på polylinje til kartet med egenskapene definert i " polylineOptions " variable .
    4

    Lag rekken av steder ved å klikke på punktene på kartet . For eksempel skrive : en

    google.maps.event.addListener ( map , "klikk" , addLatLng ); }

    I dette eksemplet lytter Google for brukeren til å klikke på kartet og butikker som verdi i " addLatLng . "
    5

    opprette polylinje med addlatLng funksjon. For eksempel , skriver du:

    funksjon addlatLng ( hendelse) {var rute = polyline.getpath (); route.push ( event.latLng ) ;

    Fortsetter et eksempel , " getpath " returnerer rekken av verdiene tilordnet variabelen " rute" og skyver de nye geografiske koordinatene i tabellen.
    6

    Legg til en lokasjon markør for hvert geografiske punkt langs polylinje . For eksempel skrive : en

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

    i dette eksempelet , Google maps plotter steder på ruten eller polylinje ved hjelp av data i " rute " array .
    7

    Lagre koden og teste den. Google Maps viser en linje på kartet . For hvert sted Google Maps plasserer en markør. Den polylinje vil ligne på en connect - the- prikker bildet på kartet.

    früher :

     Weiter:
      Relatert Artike
    ·Hvordan endre et CSS bakgrunnsbilde med JavaScript 
    ·Slik kontrollerer Sjekklister for Joomla 
    ·Hvordan bruke Google Maps API Avstand Radius 
    ·Alternativer til Radio Knapper i jQuery 
    ·Hvordan aktiverer jeg en JavaScript mye enklere 
    ·Definisjon av variabel finnes i JavaScript 
    ·Hvordan Draw Curves Med Javascript 
    ·Sekvensielle Effekter i jQuery 
    ·JavaScript Target iFrame Document Tutorial 
    ·Hvordan lage Windows Widgets 
      Anbefalte artikler
    ·Hvordan sette verdier i Silverlight 
    ·Oppbygging av JavaScript 
    ·Hvordan bruke desimaler i Visual Basic 
    ·Opplæring for ADODC Kontroll 
    ·Hvor å Endre JVM Heap størrelse 
    ·Hvordan du manuelt installerer en Ruby Gem 
    ·Hvordan deaktivere Google Maps API Marker Bubble 
    ·MySQL Sum Tutorial 
    ·JavaScript for å avgjøre om et element er deaktivert 
    ·Slik konverterer HTML til tekst i SQL 
    Copyright ©  Datamaskin  http://www.datamaskin.biz/