| 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
    Sådan ændres markør i en Google Maps API
    En markør er en push- pin ikon, Google Maps viser på toppen af ​​et bestemt sted. Som standard , når du klikker på en markør Google Maps åbner et lille oplysende vindue . For eksempel viser et kort over New York state en push- pin markør på Albany. Når du klikker på markøren , vises et vindue om, at Albany er hovedstaden i New York. I din Google Maps JavaScript-kode , kan du ændre udseende og handlinger af markøren vha. google.maps.Marker konstruktør. Instruktioner
    1

    Åbn din HTML-fil og flytte til din Google Maps -koden.
    2

    Opret en animeret drop markør, der falder på et kort og hopper op og ned på en placering ved at skrive : Hej

    markør = new google.maps.Marker ({ map : map , animation : google.maps.Animation.DROP position : CityExample } ),

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

    Skift markør på ikonet til et billede ved at definere billedet fil som markør i kortet muligheder. For eksempel, tilføjer : Hej

    var foto = ' monumentPhoto.jpg « var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) , var monumentMarker = new.google.maps.Marker ({ position : exLatLng , map : map , ikon : image } )
    4

    Opret en trækbart markør ved at tilføje det trækbare metode til Marker konstruktør. Fortsat eksempel fra trin 3 , skal du føje metoden til monumentMarker variable

    var foto = ' monumentPhoto.jpg « . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) var monumentMarker = nyt. google.maps.Marker ({ position : exLatLng , trækbart : true , map : map , ikon : image } )

    Forrige :

    næste :
      Relaterede artikler
    ·Ændring af en musen i Javascript 
    ·Sådan Beregn i Java Script 
    ·Sådan oprettes en adgangskode til en hjemmeside 
    ·Hvordan man omdirigerer en webside ved hjælp Javascrip…
    ·Sådan fjernes en event handler i TinyMCE 
    ·Sådan bruges Javascript Med Excel 
    ·Sådan ændres Form Field Value Med JavaScript 
    ·Sådan tilføjes Strings i Javascript 
    ·Hvordan man tegner kurver med Javascript 
    ·Sådan Clear Element Attributter 
      Anbefalede Artikler
    ·Sådan deaktiveres visningsfejl i PHP 
    ·Hvordan laver Foxfire Ekstra 
    ·Sådan tilføjes Controls til Google Maps API 
    ·Fordelene ved CMP Over BMP 
    ·Sådan oprettes en simpel Ubuntu Daemon i PHP 
    ·Cocoa Touch Vs. Objective C 
    ·Sådan fjernes en tom linje i en SQL Text File 
    ·Hvordan laver man et objekt Bounce i C # 
    ·Hvordan virker PHP Få den rigtige Cookie 
    ·Sådan tilføjes Dynamic DataGrid kolonner 
    Copyright © Computer Viden http://www.computerdk.com