Question

我正在使用Google Maps V3 API的Infobox插件（http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html）

当用户在地图上点击信息框之外时，信息框是否过于靠近？

Answer 1

如果你将infowindow作为全局变量，或者至少保存一个代表你想要在方便的地方添加的单个信息框的变量，它实际上会更容易。

编辑只是为了澄清：例如，不应该是window.myInfoBox。全局我的意思是你引用信息框的单点

google.maps.event.addListener(map, 'click', function() {
    if(infowindow){
       infowindow.close();
    }
});

这就是全部： - ）

Answer 2

您将需要使用addListener（）

http://code.google.com/apis/maps/documentation/javascript/events.html#EventListeners

您可以调整此处的代码：

google.maps.event.addListener(_point.popup, 'domready', function() {
//Have to put this within the domready or else it can't find the div element (it's null until the InfoBox is opened)

    $(_point.popup.div_).hover(
        function() {
            //This is called when the mouse enters the element
        },
        function() {
            //This is called when the mouse leaves the element
            _point.popup.close();
        }
    );
});

的Src： Google Maps API v3 Event mouseover with InfoBox plugin

您可以使用以下方法检测地图点击：

google.maps.event.addListener(map, 'click', function() {

});

信息框API： http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html

Answer 3

这对你有用..

var inside = false;
$('#foo').live('mouseenter',function(){ 
    inside=true; 
}).live('mouseleave', function(){ 
    inside=false; 
});
$("body").mouseup(function(){ 
    if(!inside) $('#foo').remove();
});

单击地图时关闭信息框

3 个答案: