如何在Google地图InfoWindow中使用Jquery?

时间:2011-05-20 17:17:48

标签: jquery google-maps

我想在Google地图InfoWindow中显示jQuery效果(显示和隐藏div),我该怎么做?

3 个答案:

答案 0 :(得分:5)

尽管我还没有尝试过,但是这个 - > http://code.google.com/p/jquery-ui-map/插件应该提供您要搜索的功能。

希望它有所帮助!玩得开心:))

答案 1 :(得分:5)

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

答案 2 :(得分:3)

我用这个:

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参考:当包含InfoWindow的内容附加到DOM时会触发此事件