谷歌地图信息框 - 当前信息框后面的标记触发鼠标悬停的新信息框。并在mouseout上关闭信息框

时间:2015-06-07 07:09:23

标签: javascript jquery google-maps-api-3 infobox

我现在已经玩了几个小时了,我觉得自己无处可去。

问题#1:当我滚动地图标记时,会显示信息框。但是,当我将鼠标放在信息框上并且所显示的信息框后面有一个不同的标记时,后面标记的信息框将打开。我更新了我的infobox.js文件并设置了这个enableEventPropagation: true。但没有运气。

问题#2:当我鼠标拖出地图标记和信息框时,我希望信息框关闭。你可以在我下面注释掉的代码中看到,我试图找出它,但是没能。我试过的任何东西都会导致地图无法加载。我该怎么做呢?

非常感谢!

    events: {

            click: function(marker, event, context){
                    map.panTo(marker.getPosition());

                    infobox.setContent(context.data);
                    infobox.open(map,marker);
            },
            mouseover: function(marker, event, context){

                    //map.panTo(marker.getPosition());

                    infobox.setContent(context.data);
                    infobox.open(map,marker);

            }
            // mouseout: function(marker, event, context){

                //  //map.panTo(marker.getPosition());

                //  // infobox.setContent(context.data);
                //  infobox.close(map,marker);

            // }                    
            }
        },          

        },"autofit");


    map = mapDiv.gmap3("get");
    infobox = new InfoBox({
        pixelOffset: new google.maps.Size(-165, -225),
        closeBoxURL: '',
        enableEventPropagation: true
    });

0 个答案:

没有答案