谷歌地图将监听器添加到信息窗口

Google map Addlistener to infowindow

本文关键字：信息 信息窗 窗口 添加 监听器 谷歌地图      更新时间：2023-09-26

是否可以将悬停事件侦听器添加到谷歌地图的信息窗口？

可用的本机事件

CloseClick， content_changed， Domready， position_changed， zindex_changed

我想在鼠标进入信息窗口时添加悬停和悬

停

欢迎 Javascript 和 Jquery 建议

是否可以

将悬停事件侦听器添加到谷歌地图的信息窗口？

是的

如何？

喜欢这个。

var infoWindowContentExampleStack = [
"<span id='contentInsideMap' value='Go'>Im a text inside the infoWindow </span>"
]
var infoWindowExampleStack = new google.maps.InfoWindow({
    content: infoWindowContentExampleStack
});
google.maps.event.addListener(infoWindowExampleStack, 'domready', function() {
    document.id("contentInsideMap").addEvent("hover", function(e) {
        e.stop();
        console.log("Yep this event was triggered inside the info!");
    });
});

这是唯一的解决方案吗？

不，你可以像这样直接将DOM事件添加到谷歌地图中

。 
google.maps.event.addDomListener(infoWindowExampleStack, 'hover', initialize);

看看，希望你明白

我能够通过使用jquery的.on函数来解决我的问题。

var infoWindowContentExampleStack = [
"<div class='contentInsideMap' value='Go'>Im a text inside the infoWindow </div>"
]
var infoWindowExampleStack = new google.maps.InfoWindow({
    content: infoWindowContentExampleStack
});

$(document).on('mousenter', 'div.contentInsideMap', function() {
    // do something
});
$(document).on('mouseleave', 'div.contentInsideMap', function() {
    // do something
});

我无法测试整个信息窗口，但我在信息窗口中添加的div 足以触发。

相关文章：