Google Maps API V3: Come aggiungere dati personalizzati ai marcatori

Question

C'è un modo per aggiungere alcune informazioni personalizzate ai miei marcatori per un uso successivo. Ci sono modi per avere una finestra informativa e un titolo, ma cosa succede se voglio associare il marcatore con altre informazioni.

Ho altre cose visualizzate sulla pagina che dipendono dai marcatori, quindi quando un marcatore è fatto clic il contenuto della pagina deve cambiare a seconda di quale marker è stato cliccato. Vorrei memorizzare e recuperare i dati personalizzati una volta marker è Diciamo cliccato ecc

Grazie

Answer 1

Poiché un indicatore Google è un oggetto JavaScript, è possibile aggiungere informazioni personalizzate nel modulo key: value, dove la chiave è una stringa valida. Si chiamano proprietà dell'oggetto e possono essere affrontati in molti modi diversi. Il valore può essere qualsiasi cosa legale, semplice come numeri o stringhe, e anche funzioni, o anche altri oggetti. Tre semplici modi: nella dichiarazione, la notazione del punto e le parentesi quadre

var markerA = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(0, 0), 
    customInfo: "Marker A" 
}); 

var markerB = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(-10, 0) 
}); 
markerB.customInfo = "Marker B"; 

var markerC = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(-20, 0) 
}); 
markerC['customInfo'] = "Marker C"; 

Poi per recuperarla in un modo simile:

google.maps.event.addListener(markerA, 'click', function() { 
    alert(this.customInfo); 
}); 

Answer 2

è possibile aggiungere le proprie proprietà personalizzate per i marcatori (basta essere attenti a non entrare in conflitto con le proprietà del API).