將Google地圖事件監聽器添加到InfoWindows中的自定義關閉按鈕中

Question

當前我試圖在Google地圖中實現自己的自定義Info Windows。我發現了一個關於5 ways to customize Google's InfoWindow的相當不錯的教程。從教程中我已經成功創建了自己的自定義信息窗口，但是我無法在信息窗口中實現我自己的關閉按鈕。

從代碼中，我創建了我自己的關閉按鈕，它附加到InfoWindows的內容。

<span id="iw-close-btn"><i class="fa fa-lg fa-times white"></i></span>

然後我添加事件監聽器使用maps.google.event.addDomListener（）元素：

var closeBtn = $('#iw-close-btn').get(); 
google.maps.event.addListener(closeBtn, 'click', function() { 
    console.log('closed'); 
    infowindow.close(); 
}); 

但它不工作時，我試圖點擊元素（日誌也不會出現）。

這裏是我的整個使用示例代碼codepen.io： http://codepen.io/dannypranoto/pen/PNdvzb

能否請你幫我一個解決方案？任何形式的幫助將不勝感激。謝謝！

Answer 1

1. 你說你添加使用addDomListener事件偵聽器，但你的代碼說明了如何使用addListener代替。

2. 您確定關閉按鈕的方式不正確。簡單看看你的JavaScript控制檯應該告訴你。改爲使用closeBtn[0]。

所以完整的代碼如下：

google.maps.event.addListener(infowindow, 'domready', function() { 

    var closeBtn = $('#iw-close-btn').get(); 

    google.maps.event.addDomListener(closeBtn[0], 'click', function() { 

     infowindow.close(); 
    }); 
}); 

Updated Codepen