Как определить маркер карты google по клику?

Question

Я создаю карту Google из API-интерфейса разработчика v3. Он заполнен маркерами, созданными динамически из ColdFusion, запрашивающим базу данных MsSQL.

<cfloop query="One"> 
<script>locations[<cfoutput>#One.userID#</cfoutput> 
] = new google.maps.LatLng(<cfoutput>#One.latLng#</cfoutput>); 
</script> 
</cfloop> 

Мне нужен способ, чтобы распознать маркер, когда его щелкнул, так что я могу отобразить данные адреса в окне ниже карты, а также higlight маркеры при нажатии кнопки ниже на странице.

Answer 1

В общем, вы, как правило, назначать собственные свойства маркера. Что-то вроде:

function markerClicked(e) { 
    console.log('Marker ' + marker.myData + ' has been clicked'); 
} 
var marker = new google.maps.Marker(...); 
marker.myData = 1; //this could be arbitrary data or even another object 
google.maps.event.addListener(marker, 'click', markerClicked); 

Однако добавление пользовательских данных в любой объект API Карт Google имеет риск. Код Google запутан, и внутренние (не документированные) свойства могут и могут измениться. Убедитесь, что ваше свойство указано таким образом, что оно не будет конфликтовать с каким-либо существующим свойством или будущим свойством. Совет. Выберите название свойства длиной более 3 букв.

Если вы собираетесь минимизировать/скомпилировать/сжать код вашей карты, то есть additional considerations.

Answer 2

Это полностью документировано/разъяснено в документации.

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

При создании маркеров, добавить Dóm слушателей маркерам как этот

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map,marker); 
    }); 

Answer 3

насчет:

google.maps.event.addListener(marker, "click", function (e) { 
    var clicked = this; 
    //... 
});