将鼠标悬停在信息框上会在其后面的标记上触发悬停事件

我目前正在使用 Google 地图的 InfoBox 插件。不幸的是，我遇到了一个恼人的问题。

我的应用程序上的用户可以通过将鼠标悬停在相应的标记上来打开信息框。效果很好。当信息框打开并且用户将鼠标悬停在其上时，会出现此问题。由于某种原因，标记beneath信息框正在触发鼠标悬停事件。这是一个大问题，因为它会在打开属于刚刚触发鼠标悬停事件的标记的框之前关闭当前框。我做了一些搜索，发现将每个标记设置为：

optimized: false

防止这个错误。然而，这个选项会减慢地图速度，并且使用起来感觉很麻烦。

我的信息框：

infoWindows[obj.VehicleName] = new InfoBox({
    content: contentString,
    disableAutoPan: false,
    maxWidth: 500,
    pixelOffset: new google.maps.Size(-250, -490),
    boxStyle: {
         width: "500px"
    },
    enableEventPropagation: false,
    infoBoxClearance: new google.maps.Size(45, 1)
});

我的听众：

google.maps.event.addListener(marker, 'mouseover', function() {

丑陋的修复，因为广告选项 (enableEventPropagation) 似乎都不适合我（而且我当然不想在 300 多个标记上使用“optimized:false”）

在每个标记的鼠标悬停侦听器内，我检查当前打开的 InfoWindow 是否悬停在其上：

google.maps.event.addListener(marker, 'mouseover', function() {

    //If an InfoBox is currently open
    if(openInfoBox !== null){

        var id = $(openInfoBox.getContent()).attr('id');
        //If the main div inside that InfoBox is currently being hovered over
        if ($('#' + id + ':hover').length) {
            return false; //go no further. i.e. ignore mouseover event for marker
        }

    }

    //Open InfoBox etc etc