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 endre Marker i et Google Maps API
    En markør er en push - pin ikonet som Google Maps viser på toppen av et bestemt sted . Som standard når du klikker på en markør , åpner Google Maps et lite opplysende vindu . For eksempel viser et kart over New York state en push - pin markør på Albany. Når du klikker på markøren , vises et vindu som sier at Albany er hovedstaden i New York. I Google Maps JavaScript-kode , kan du endre utseende og handlinger av markeringen med den google.maps.Marker konstruktør . Instruksjoner
    en

    Åpne HTML-filen og flytte på Google Maps kode .
    2

    Lag en animert dråpe markør som faller på et kart og spretter opp og ned på en plassering ved å skrive : en

    markør = new google.maps.Marker ( { map : map , animasjon : google.maps.Animation.DROP stilling : CityExample });

    google.maps.event . addListener ( markør, "klikk" , toggleBounce ); marker.setAnimation ( google.maps , Animation.BOUNCE ) ;}
    3

    Endre markør ikonet til et bilde ved å definere bilde fil som markør i kartet alternativer. For eksempel , legg til:

    Var photo = ' monumentPhoto.jpg '; Var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; Var monumentMarker = new.google.maps.Marker ( {position : exLatLng , map : kart , ikon : image });
    4

    Lag en flyttbare markør ved å legge den flyttbare metoden til Marker konstruktøren . Fortsetter eksempel fra trinn 3 , legge til metoden til monumentMarker variabel

    Var photo = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; Var monumentMarker = ny . google.maps.Marker ( {position : exLatLng , flyttbare : true , kart : map , ikon : image });

    früher :

     Weiter:
      Relatert Artike
    ·Sette inn jQuery 
    ·Hvordan du oppdaterer Sesjonsvariabler fra JavaScript 
    ·JavaScript- beregninger med desimaler 
    ·Slik skjuler flere elementer i Javascript 
    ·Hva er Script bloat 
    ·Java Script Feilsøking 
    ·Hvordan bruke JavaScript til å lage en rekke Prime Fac…
    ·Hvordan lage en Javascript Ticker 
    ·Hvordan oppdatere DIV 
    ·Hvordan lage en Google Map Overlay 
      Anbefalte artikler
    ·Slik konfigurerer WAMP Med Eclipse IDE for PHP 
    ·Hvordan bruke variabler i en Eclipse CLASSPATH Prosjekt…
    ·Visual C gjør ikke EXE 
    ·Hvordan å omskrive nettadresser i PHP filer til en ann…
    ·Hvordan Unset Sesjonsvariabler i PHP 
    ·Hvordan lese en CSV -fil til Java 
    ·Hvordan skrive en PHP Script Logg inn 
    ·Slik importerer Maps Into Java 
    ·Slik fjerner jQuery Accordion Styling 
    ·Hvordan lage OCX i Visual Basic NET 
    Copyright ©  Datamaskin  http://www.datamaskin.biz/