Question

是否可以向Google地图的Infowindow添加悬停事件监听器？

可用的原生事件

closeclick，content_changed，domready，position_changed， zindex_changed

我想在鼠标进入Infowindow时添加hoverOver和HoverOut

欢迎使用Javascript和Jquery建议

Answer 1

是否可以向Google地图的Infowindow添加悬停事件监听器？

是

如何吗

喜欢这个。

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地图中

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

看看，我希望你明白这个想法

Answer 2

我能够通过使用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
});

我无法测试整个Infowindow，但我在infowindow中添加的div足够触发。

谷歌地图Addlistener到infowindow

2 个答案: