| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringssprog
  • Delphi programmering
  • Java programmering
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl programmering
  • Python Programming
  • Ruby Programming
  • Visual Basics Programmering
  •  
    Computer Viden >> Programmering >> JavaScript Programmering >> Content
    Hvordan man tegner en Polyline have en Array of String Steder i Google Maps V3
    Google Maps API V3 giver dig kontrol over , hvordan du input data og oprette brugerdefinerede Google maps. Hvis du har en liste eller matrix af bredde-og længdegrader , du kan angive, at Google bruger array for at oprette en rute eller polylinie på et kort. For eksempel kan du oprette en linje, der følger bjerget konturer på en vandresti eller sejlrute , der væver omkring en række øer. Instruktioner
    1

    Åbn din HTML-fil og rul til det afsnit, hvor du definere din Google Map .
    2

    Under kode, hvor du initialisere kortet definere de særlige kendetegn ved polylinje . Skriv f.eks : Hej

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

    I dette eksempel er liniefarven indstillet til hexadecimal farve sort og vægten af linje er tre.
    3

    Initialiser polylinje . Skriv f.eks : Hej

    polylineExample = new google.maps.Polyline ( polylineOptions ) polylineExample.setMap (kort)

    I dette eksempel er vi tilføjer polylinje til kortet med egenskaber er defineret i " polylineOptions " variable .
    4

    Opret række målesteder ved at klikke på punkter på kortet . Skriv f.eks : Hej

    google.maps.event.addListener ( kort , 'klik' , addLatLng );}

    I dette eksempel lytter Google for brugeren til at klikke på kortet og butikker, der værdien i " addLatLng . "
    5

    oprette polylinje vha. addlatLng funktionen . Skriv for eksempel :

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

    Fortsætter et eksempel , " getpath " returnerer den vifte af værdier tilskrevet variablen " route " og skubber de nye geografiske koordinater ind i array.
    6

    Tilføj en placering markør for hver geografisk punkt langs polylinje . Skriv f.eks : Hej

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

    i dette eksempel , Google Maps plotter steder på ruten eller polylinje bruge data i " route " array.
    7

    Gem din kode og teste det . Google Maps viser en linje på dit kort. For hvert sted Google Maps placerer en markør. Den polylinje vil ligne en connect -the- prikker billedet på kortet.

    Forrige :

    næste :
      Relaterede artikler
    ·PHP koder i JavaScript Syntax 
    ·Sådan oprettes Elements med Javascript Client Side 
    ·Hvordan man tegner et lagkagediagram hjælp Javascript 
    ·Hvordan man laver en Google Map Overlay 
    ·JavaScript-funktioner som en funktion Argument 
    ·Hvordan at skjule en adresselinjen i JavaScript 
    ·Sådan bruges Post Method i Window.Open med Java Script…
    ·Print Tutorial for JavaScript 
    ·Hvad betyder det 'At ' Symbol Mean i Javascript 
    ·Sådan Ping i Javascript 
      Anbefalede Artikler
    ·Hvordan man laver et program Menu i TI-83 Basic Program…
    ·Sådan gør du: Direkte MySQL Access på GoDaddy SSH 
    ·Design Stadier af GUI 
    ·Flash MX spil Tutorial 
    ·Sådan bruges en GetOpenFileName Funktion 
    ·Hvordan omdøber jeg filer med en VBS Script 
    ·Sådan omdøber kolonner i MySQL 
    ·Sådan Fremskynde VBA kode 
    ·Hvordan kan jeg Print Out Alle primtal i Java 
    ·Sådan Word wrap med Visual C 
    Copyright © Computer Viden http://www.computerdk.com