Un indicatore è l'icona di un push-pin che Google Maps visualizza in cima ad 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 dello stato di New York mostra un indicatore push-pin su Albany. Quando si fa clic sul marcatore, una finestra che indica che Albany è la capitale di New York. Nel codice di Google Maps JavaScript, è possibile modificare l'aspetto e le azioni del marcatore utilizzando il costruttore google.maps.Marker.

istruzione

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

2 Crea un marcatore goccia d'animazione che cade su una mappa e rimbalza su e giù in una posizione digitando:

marcatore = new google.maps.Marker ({
map, cartina,
Animazione: google.maps.Animation.DROP
Posizione: CityExample
});

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

3 Cambiare l'icona del marcatore a un'immagine definendo il file immagine come marcatore nelle opzioni della mappa. Ad esempio, aggiungere:

var foto = 'monumentPhoto.jpg';
var exLatLng = new google.maps.LatLng (41.403226, 2.174821);
var = monumentMarker new.google.maps.Marker ({
Posizione: exLatLng,
map, cartina,
Icona: image});

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

var foto = 'monumentPhoto.jpg';
var exLatLng = new google.maps.LatLng (41.403226, 2.174821);
var = monumentMarker new.google.maps.Marker ({
Posizione: exLatLng,
trascinabili: è vero,
map, cartina,
Icona: image});