Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼
更新時間：2013年04月26日 14:56:29 作者：
無法在infowindow里面添加的div進(jìn)行綁定事件處理，官方的API，發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件
在調(diào)試功能模塊時候，發(fā)現(xiàn)怎么用什么方法都無法在infowindow里面添加的div進(jìn)行綁定事件處理。郁悶??！上網(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)建完成之后才能綁定事件，這樣理解起來應(yī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
后來想想還是查了一下官方的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)建完成之后才能綁定事件，這樣理解起來應(yīng)該很簡單了吧！
看同事寫的js代碼，里面好多setTimeout之類的延遲 估計沒弄清楚腳本執(zhí)行的順利 覺的延遲幾秒就行執(zhí)行，其實問題很大。哪些腳本要先執(zhí)行，哪些要后執(zhí)行 都是有順序的。
google.maps.event.addDomListener googleMap 提供的監(jiān)聽Dom元素的事件
上代碼：
復(fù)制代碼 代碼如下:
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
相關(guān)文章
JS實現(xiàn)的3des+base64加密解密算法完整示例
這篇文章主要介紹了JS實現(xiàn)的3des+base64加密解密算法,結(jié)合完整實例形式分析了JavaScript實現(xiàn)的3des+base64加密解密算法簡單使用技巧,需要的朋友可以參考下2018-05-05
使用json對象轉(zhuǎn)化為key,value的對象數(shù)組
這篇文章主要介紹了使用json對象轉(zhuǎn)化為key，value的對象數(shù)組方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了js實現(xiàn)jquery的offset()方法,實例分析了jquery的offset()方法原理與采用javascript實現(xiàn)的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄猨s中遍歷對象的屬性和值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
手機(jī)平板等移動端適配跳轉(zhuǎn)URL的js代碼
這篇文章主要為大家分享下手機(jī)平板等移動端適配跳轉(zhuǎn)URL的js代碼，需要的朋友可以參考下2014-01-01
formatter 提示框浮層內(nèi)容格式器,支持字符串模板和回調(diào)函數(shù)兩種形式,下面這篇文章主要給大家介紹了關(guān)于Echarts圖表中formatter的基本用法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)頁面多個日期時間倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
一款十分簡單的原生js實現(xiàn)的隨機(jī)點菜代碼，點擊點菜按鈕隨機(jī)點取上面菜單的菜品，可根據(jù)需求改成自己需要功能，比如說隨機(jī)點名。感興趣的朋友來參考實現(xiàn)代碼吧2019-12-12
返回unix時間戳所對應(yīng)的具體時間的代碼2010-07-07
本篇文章是對使用js獲取地址欄中傳遞的值實現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-07-07