javascript - Google Maps API：infoWindow 由于 mouseout 事件而自动闪烁/关闭

Question

我正在为我正在进行的一个漂亮的新项目创建多边形。每当您将鼠标悬停在 infoWindow 上时，就会出现问题，多边形上的 mouseout 事件就会触发。除非鼠标移到多边形和 infoWindow 之外，否则我不希望触发 mouseout 事件。有任何想法吗？这是大部分相关代码。

    infoWindow = new google.maps.InfoWindow({
          content: myContent
    });

    var polygon = new google.maps.Polygon({
          paths: polygonPath,
          strokeColor: data.color,
          strokeOpacity: 0.5,
          strokeWeight: 0,
          fillColor: data.color,
          fillOpacity: 0.5,
          id:polygonId,
          name: data.name,
          shortDesc: data.short_desc,
          map: map 
    }); 


    google.maps.event.addListener(polygon, 'click', function(e){
          infoWindow.open(map);
          infoWindow.setPosition(e.latLng);
    });

    google.maps.event.addListener(polygon, 'mouseout', function(){
          infoWindow.close();
    });

Answer 1

而不是为地图mouseout观察多边形mousemove（当鼠标移动到多边形或信息窗口上时，这不会触发）

google.maps.event.addListener(polygon, 'click', function(e){
      infoWindow.open(map);
      infoWindow.setPosition(e.latLng);
      google.maps.event.addListenerOnce(map, 'mousemove', function(){
        infoWindow.close();
      });
});