首頁 >web前端 >js教程 >Google Map V3 綁定氣泡視窗(infowindow)Dom事件實作程式碼_javascript技巧

Google Map V3 綁定氣泡視窗(infowindow)Dom事件實作程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:35:121264瀏覽

在偵錯功能模組時候,發現怎麼用什麼方法都無法在infowindow裡面新增的div進行綁定事件處理。鬱悶啊!上網搜了很多方法也沒用,
後來想想還是查了一下官方的API,發現了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. js是個單執行緒的引擎,只有等到DOM創建完成之後才能綁定事件,這樣理解起來應該很簡單了吧!
看同事寫的js程式碼,裡面好多setTimeout之類的延遲 估計沒弄清楚腳本執行的順利 覺的延遲幾秒就行執行,其實問題很大。哪些腳本要先執行,哪些要後執行 都是有順序的。
google.maps.event.addDomListener googleMap 提供的監聽Dom元素的事件

上程式碼

程式碼如下:


google.maps.event.addListener(infowindow,"domready",function(){
var Cancel = document.getElementByent" 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
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn