Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼

更新時間：2013年04月26日 14:56:29 作者：

無法在infowindow里面添加的div進行綁定事件處理，官方的API，發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件

在調(diào)試功能模塊時候，發(fā)現(xiàn)怎么用什么方法都無法在infowindow里面添加的div進行綁定事件處理。郁悶啊！上網(wǎng)搜了好多方法也沒用，
后來想想還是查了一下官方的API，發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件

官方解釋：
This event is fired when the containing the InfoWindow's content is attached to the DOM. You may wish to monitor this event if you are building out your info window content dynamically.
本人理解大概的意思就是InfoWindow里面動態(tài)添加的Dom元素完成后的回調(diào)函數(shù)。
js是個單線程的引擎，只有等到DOM創(chuàng)建完成之后才能綁定事件，這樣理解起來應該很簡單了吧！
看同事寫的js代碼，里面好多setTimeout之類的延遲估計沒弄清楚腳本執(zhí)行的順利覺的延遲幾秒就行執(zhí)行，其實問題很大。哪些腳本要先執(zhí)行，哪些要后執(zhí)行都是有順序的。
google.maps.event.addDomListener googleMap 提供的監(jiān)聽Dom元素的事件

上代碼：

復制代碼代碼如下:

 
google.maps.event.addListener(infowindow,"domready",function(){ 
var Cancel = document.getElementById("Cancel"); 
var Ok=document.getElementById("Ok"); 
google.maps.event.addDomListener(Cancel,"click",function(){infowindow.close();}); 
google.maps.event.addDomListener(Ok,"click",function(){infowindow.close();}); 
}); 

官方API：https://developers.google.com/maps/documentation/javascript/3.exp/reference?hl=zh-cn

您可能感興趣的文章: