Google maps API v3 error in jQueryUI tab

當 Google maps api 放在 jQueryUI 的 tab 裡時, 因為 show, hide 的一些動作的關係

會導致 Google maps 的顯示不正常

以下是問題描述與解法

http://stackoverflow.com/questions/1428178/problems-with-google-maps-api-v3-jquery-ui-tabs

http://stackoverflow.com/questions/743214/how-do-i-resize-a-google-map-with-javascript-after-it-has-load

$('#your_map_id').bind('tabsshow', function(event, ui) {
    if (ui.panel.id == "your_map_tab_id") {
        google.maps.event.trigger(map, "resize");

    }
});