У меня есть вопрос относительно карт google и обработки/прослушивания событий.
Используя jQuery и Google Maps v3, я могу разместить маркер карты и прослушиватель событий, который открывает информационный пузырь, когда пользователь щелкает маркер. То, что я хотел бы сделать (, но до сих пор не смог понять), это добавить еще один обработчик событий к содержимому всплывающей подсказки. Например, если пользователь нажимает на маркер карты, открывается информационный пузырь (, эта часть работает), а затем, если он щелкает что-то внутри информационного пузыря, он делает что-то еще. Я вставил свой код ниже, заранее спасибо за любую помощь.
function addMarker(data) {
var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);
var title = data.title? data.title: "";
var icon = $('#siteUrl').val() + 'img/locate.png';
var bubbleContentString = "<span class=\"bubble-details-button\">Get Details about " + title+ "</span>";
myInfoBubble = new InfoBubble({
content: bubbleContentString,
hideCloseButton: true,
backgroundColor: '#004475',
borderColor: '#004475'
});
var myMarker = new google.maps.Marker({
position: myLatlng,
map: map,
title: title,
icon: icon
});
addListenerToMarker(myMarker, myInfoBubble);
markerSet.push(myMarker, myInfoBubble);
}
function addListenerToMarker(marker, bubble){
console.log($(bubble.getContent()).find('.bubble-details-button')[0]);
google.maps.event.addListener(marker, 'click', function() {
if (!bubble.isOpen()) {
google.maps.event.addListenerOnce(bubble, 'domready', function(){
console.log($(bubble.getContent()).find('.bubble-details-button')[0]);
google.maps.event.addDomListener($(bubble.getContent()).find('.bubble-details-button')[0], 'click', function(){
alert("hi");
});
});
bubble.open(map, marker);
}
});
}