Карты Google, загруженные в скрытый DIV - проблема с checkResize ();

Question

Я загружаю карту Google в скрытом DIV. Если я щелкну на промежутке, появится DIV. Это моя карта Код:

<script type="text/javascript">
google.load("maps", "2.x");
function initialize() {
map = new GMap2(document.getElementById("map_sm"));
  var location = new GLatLng(50.72251, 10.44476);
  map.setCenter(new GLatLng(50.72251, 10.44476), 13);
  map.setUIToDefault();
  map.enableRotation();
  map.disableScrollWheelZoom();
  var marker = new GMarker(location);
  map.addOverlay(marker);
  map.checkResize();
}
google.setOnLoadCallback(initialize); 
</script>

И это моя функция js, чтобы показать карту:

<script>    
jQuery('#sm_map').click(function() {
        jQuery('body').css({'width':'100%','height':'100%','':'hidden'});
        jQuery('#overlay_sm').fadeIn();

    });

    jQuery('.overlay_close').click(function() {
               jQuery('.map_overlay').fadeOut();                                        
    });
</script>

Где я должен добавить checkResize ()? Я пробовал это во многих местах, но не удалось.

Большое спасибо заранее Theresa

Answer 1

checkResize фактически не проверяет изменение размера - оно уведомляет карту о том, что изменение размера произошло.Вы должны проверить размер самостоятельно:

$(document).resize(function(){
    map.checkResize();
});

Вы знаете, что GMaps V2 устарела, верно?