谷歌地图加载隐藏的DIV - checkResize()的问题;

时间:2011-04-25 16:24:04

标签: jquery google-maps

我正在隐藏的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()?我在很多地方尝试过,但没有成功。

非常感谢提前 颖

1 个答案:

答案 0 :(得分:0)

checkResize实际上并未检查调整大小 - 它会通知地图已发生调整大小。您需要自己检查调整大小:

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

你知道GMaps V2已被弃用,对吧?