2011-09-11 182 views
0

我試圖向Google地圖添加一些自定義控件,並使用CSS和JQuery對它們進行樣式設置。我已經閱讀了文檔,除非我錯過了某些東西,它並不包含我遇到的問題。將JQuery事件綁定到Google地圖自定義控件

這裏是標記,樣式和JQuery參考...

http://jsbin.com/uxewuf/5/edit#source

現在,我控制的div增加,就像文檔中顯示出地圖。

var controls = document.createElement('DIV'); 
var container1 = document.createElement('DIV'); 
var button1 = document.createElement('DIV'); 

$(container1).css('float','left'); 
$(button).addClass('inactive'); 

container1.appendChild(button); 
controls.appendChild(container1); 
//leaving out the code for the other button to save space.... 


map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controls); 

儘管這確實將控件添加到地圖,但這些div似乎無法被JQuery事件訪問。

爲了解決這個問題,我一直在測試不同的東西,比如檢查對象和Webkit JS控制檯。我發現JQuery確實選擇了這些對象,但它並沒有「聽到」鼠標事件。

雖然能夠動態更改按鈕的類別對於此程序來說不是必不可少的,但如果我能夠使其運作起來,那將會很好。

感謝您的幫助!

回答

2

定製的谷歌地圖亂搞控制自己

我扔一起簡單的例子,希望它有助於 http://jsfiddle.net/bwah6/4/

+0

哈哈,感謝。實際上,我在前一段時間已經發現了這個問題,但我很感激你花時間來回答這個長期被遺忘的問題。你是怎樣找到它的? – danem

相關問題