單擊地圖時關閉信息框

Question

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

當用戶在地圖上點擊信息框之外的地方時，反正有太接近的信息框嗎？

Answer 1

您將要使用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 2

這也許對你有用..

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

Answer 3

它實際上是比較容易的方式，如果你有你的信息窗口爲全局變量，或至少保持一個變量代表您想在方便的地方添加的單個信息框。

編輯：我只想澄清：應該不是window.myInfoBox例如。隨着全球我的意思是，你引用您的信息框

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

這一切:-)