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