Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come modificare il marcatore in una API di Google Maps

Un marker è un'icona push- pin che Google Maps visualizza sulla cima di una posizione specifica . Per impostazione predefinita , quando si fa clic su un marcatore , Google Maps si apre una piccola finestra informativa . Ad esempio, una mappa di Stato di New York mostra un marcatore push- pin su Albany . Quando si fa clic sul marcatore , compare una finestra che indica che Albany è la capitale di New York. Nel vostro Maps codice JavaScript di Google , è possibile modificare l'aspetto e le azioni del marcatore utilizzando il costruttore google.maps.Marker . Istruzioni
1

Aprire il file HTML e passare al codice di Google Maps .
2

Crea un marcatore goccia animato che scende su una mappa e rimbalza su e giù su un posizione digitando:

marcatore = new google.maps.Marker ( { map : mappa , animazione : posizione google.maps.Animation.DROP : CityExample } ) ;

google.maps.event . addListener (marker , 'click' , toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE );}
3

Cambiare l'icona del marcatore ad una immagine definendo l'immagine file come il marcatore nelle opzioni mappa . Ad esempio, aggiungere :

var foto = ' monumentPhoto.jpg '; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position : exLatLng , map : mappa , icona : immagine } ) ;
4

Creare un marcatore trascinabile aggiungendo il metodo trascinabile al costruttore Marker . Continuando l'esempio dal punto 3 , aggiungere il metodo alla variabile monumentMarker

var foto = ' monumentPhoto.jpg '; . ExLatLng var = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; var monumentMarker = new . google.maps.Marker ( {position : exLatLng , trascinabili : è vero, map : mappa , icona : immagine } ) ;

 

Programmazione © www.354353.com