GoMap - 显示隐藏div后调整大小

Question

<a class="showmap" href="#">Show map</a> 
<div id="map" style="height: 400px; width: 400px;"> </div> 
<script type="text/javascript"> 
$(function() { 
//initialise map 
}); 

$(document).ready(function(){ 
    $('.showmap').click(function(){ 
    $("#map").slideToggle(); 
    google.maps.event.trigger(map, 'resize'); 
    }); 
}); 
</script> 

正如我相信你现在可以告诉。我正在尝试开启和关闭谷歌地图。问题是点击showMap按钮后，地图上会显示这样对这个网站：

http://forum.jquery.com/viewImage.do?fileId=14737000003424984&forumGroupId=14737000000003003

可能有人指出wwhat我做错了吗？我想让地图显示在整个div上。如果你看看这张图片的底部，你会注意到地图的copywrite和品牌正确位置，但地图不是。它不会将事件移到div的底部。它只是跳回到图片中的位置。

Answer 1

看起来好像您打电话过早调整大小。尽量不要做这样的：

$("#map").slideToggle('slow', function() { 
    google.maps.event.trigger(map, 'resize'); 
}); 

这将使幻灯片切换完成后的调整大小功能调用。

如果上述不起作用，一个解决方法是用溢出隐藏附上另一个DIV中的地图格，然后切换父DIV，而不是地图div