切换后地图显示不正确

Question

我正在使用jquery-ui-map api。最初，我想隐藏我的地图。所以我将'display'属性改为'none'。但是，当我通过jquery的show（）函数显示它时，只有四分之一的地图正确显示。另一方面，如果我没有将display属性设置为none，则没有任何问题。以下是该问题的屏幕截图和我的代码相关部分：

<div id="map_canvas" style="display : none; width : 100%; height : 300px;"></div>

$("#map_toggle").click( function() 
    {
        if ($("#map_toggle").text() == "Find Address >>>")
            $("#map_toggle").text("Collapse <<<");
        else
            $("#map_toggle").text("Find Address >>>");

        $('#map_canvas').slideToggle("slow");

    });

顺便说一句，map_canvas div在表格内。