javascript - 使谷歌地图 api v2 addDomListener 在 IE 中工作

Question

我在使用 google map api v2 时遇到一些问题。我想要的是能够将鼠标悬停在工具提示上。 下面是我的代码。在firefox中可以工作，但我必须非常轻轻地在工具提示上移动鼠标，如果我快速移动它会隐藏(已解决:在鼠标移开功能上添加延迟，并检查我是否触发工具提示)和最糟糕的部分它在 IE 中根本不显示。如果我越过定位点，我将能够看到工具提示，但我无法将鼠标放在它上面。

function createHotelSearchMarker(point, number, message) {
    var newIcon = new GIcon(G_DEFAULT_ICON);
    wIcon.image = imageChart + "chst=d_map_spin&chld=0.5|0|CCCCCC|10|_|" + number + "&ext=.png";
    var marker = new GMarker(point, {icon: newIcon, clickable:true, zIndexProcess:importanceOrder});
    marker.importance = 1;  
    /*add listener for mouseover*/
    GEvent.addListener(marker, "mouseover", function() {
        marker.openExtInfoWindow(
            map,
            "mapInfoWindow",
            "<div id='tooltip'>" + message + "</div>",
            {beakOffset: 3}
        );
        marker.setImage(imageChart + "chst=d_map_spin&chld=0.5|0|FF0000|10|_|" + number + "&ext=.png");
        marker.importance = 2;
        marker.setLatLng(marker.getLatLng());

        /*i added a dom listener for the tooltip*/
        if(document.getElementById("tooltip") != null) {

            GEvent.addDomListener(document.getElementById("tooltip"), "mouseover", function(){
                isFiredByDivListener = 1;
                GEvent.trigger(marker,"mouseover");
            });

            GEvent.addDomListener(document.getElementById("tooltip"), "mouseout", function(){
                isFiredByDivListener = 0;
                GEvent.trigger(marker,"mouseout");
            });
        }
    });

    /*add a listener for mouse out*/
    GEvent.addListener(marker, "mouseout", function() {
        map.closeExtInfoWindow();

        marker.setImage(imageChart + "chst=d_map_spin&chld=0.5|0|CCCCCC|10|_|" + number + "&ext=.png");
        marker.importance = 1;
        marker.setLatLng(marker.getLatLng());

    });
    return marker;
    }

the marker will be return and 


if (marker != null){
                map.addOverlay(marker);
            }

感谢您的帮助和时间

Answer 1

在我看来，您已经遇到了这种情况，即您可能会递归触发标记鼠标悬停的潜在问题。我建议将两个 addDomListener 事件监听器移到标记的事件监听器之外。

GEvent.addListener(marker, "mouseover", function() {
        ...
            GEvent.addDomListener(document.getElementById("tooltip"), "mouseover", function(){
                GEvent.trigger(marker,"mouseover");
            });