如何在谷歌地圖InfoWindow裏面使用Jquery？

我想在Google地圖InfoWindow中顯示jQuery效果（顯示和隱藏div），我該怎麼做？如何在谷歌地圖InfoWindow裏面使用Jquery？

來源

2011-05-20 Adham

您的問題缺乏大量的信息。你剛試過嗎？您可以將HTML放入InfoWindow中;那麼當你在窗口中放置一個DIV並嘗試用jQuery來操縱它時會發生什麼？ – Sparky 2011-05-20 17:53:26

是的，這是我實際做的，但jquery不影響任何東西，而我做了相同的div但在InfoWindow之外，它運行良好 – Adham 2011-05-20 17:56:10

即使我有個人尚未嘗試過，這個 - >http://code.google.com/p/jquery-ui-map/插件應該提供您正在搜索的功能。

希望它有幫助！玩得開心:)

來源

2011-05-20 17:37:38 Maverick

謝謝，但我正在尋找的是在Infowindow中使用jQuery：） – Adham 2011-05-20 17:46:22

InfoWindow可以將DOM對象作爲內容。因此，創建一個，然後讓jQuery的引用，就像這樣：

var layer = document.createElement("div"); 
layer.innerText="Click to hide!"; 
$(layer).click(function(){ $(layer).hide('slow'); }); 

infoWindow.setContent(layer); //something like this

來源

2011-11-13 20:10:32 cederlof

我用這個：

var marker = new google.maps.Marker({...}) 

//Create infowindow 
var infowindow = new google.maps.InfoWindow({ 
    content: "Some content" 
}); 

//Link infowindow to marker in map 
infowindow.open(map,marker); 

//Add a listener 
google.maps.event.addListener(infowindow, 'domready', function() { 
    $('.gira').change(function(){alert('a')}) 
})

從API參考：此事件被觸發時，包含信息窗口的內容附加到DOM

來源

2014-06-11 12:13:53 Tekbreak

如何在谷歌地圖InfoWindow裏面使用Jquery？

回答

相關問題