Прикрепить обработчик событий к элементу в информационном пузыре Google Maps
У меня есть вопрос, касающийся карт Google и обработки / прослушивания событий.
Используя jQuery и google maps v3, я могу разместить маркер карты и прослушиватель событий, который открывает инфопузырь, когда пользователь нажимает на маркер. То, что я хотел бы сделать (но пока не смог выяснить), это добавить еще один обработчик событий к содержимому информационного пузыря. Например, если пользователь нажимает на маркер карты, откройте информационный пузырь (эта часть работает), а затем, если он нажмет на что-то внутри информационной панели, сделайте что-нибудь еще. Я вставил свой код ниже, заранее спасибо за любую помощь
<code>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); } }); } </code>