地図をクリックするとInfoboxを閉じる

Question

Google Maps V3 APIにInfoboxプラグインを使用しています（http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference .html）

マップ上のようにユーザーがインフォボックスの外をクリックすると、情報があまりにも近くにありますか？

Answer 1

あなたは

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

あなたがコードはここで見つける適応できるのaddListener（）を使用したいと思うでしょう

：

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

あなたはこれでマップのクリックを検出することができます：あなたはグローバル変数として、あなたの情報ウィンドウを持っている、または少なくとも一つの変数それを保持している場合、それは実際に道簡単です 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

：

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

}); 

インフォボックスのAPI便利な場所に追加したい単一の情報ボックスを表します。

編集：だけ明確にする：それはは、例えばwindow.myInfoBoxすべきではありません。グローバルで、私は