在鼠标悬停时调整Google地图的大小

Question

当用户将鼠标悬停在地图的小版本上时，我希望Google地图可以调整大小。问题是当我将地图导航元素悬停时，也会触发mouseout事件：

JS：

google.maps.event.addListener(map, 'mouseover', function() {
        $('#map_canvas').addClass('over',200);
});
google.maps.event.addListener(map, 'mouseout', function() {
        $('#map_canvas').removeClass('over',200);
});

HTML元素只是一个简单的<div>

<div id="map_canvas"></div>

上课只为大视图添加了一些样式。它使用jQuery UI动画类更改动画。

Answer 1

您是否尝试将mouseenter和mouseleave绑定到地图的包含div并将其作为地图对象上的事件侦听器而不是mouseout / mouseover？

$('#map').mouseenter(function() { 
/* add class */
 }).mouseleave(function() {
 /*remove class */ 
});