jquery - 切り替え後にマップが正しく表示されない

Question

jquery-ui-map API を使用しています。最初は、マップを非表示にしたいと考えています。そこで、「display」プロパティを「none」に変更しました。しかし、jquery の show() 関数で表示すると、マップの 4 分の 1 の部分しか正しく表示されません。一方、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 はテーブルの中にあります。