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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:35:12
原創
1305 人瀏覽過

在偵錯功能模組時候,發現怎麼用什麼方法都無法在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
最新問題
固定定位後會突破原來的定位父級?
來自於 1970-01-01 08:00:00
0
0
0
靜態定位和相對定位的區別
來自於 1970-01-01 08:00:00
0
0
0
angular.js - select綁定的ngmodel怎麼綁定數組
來自於 1970-01-01 08:00:00
0
0
0
使用未定義的常數user_id-假定為“user_id”
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板