谷歌地图在弹出窗口中无法正常显示

Question

我想在弹出窗口中显示Google地图，但显示不正确。我在点击时显示该弹出窗口，然后将地图加载到该弹出窗口中。它没有显示在弹出窗口的整个div中。

这是我的代码： - 我在点击

时显示div (dinner_loc_map)

<a id="DinnerLocMap"></a> 

$('#DinnerLocMap').click(function() { 
    $('.dinner_loc_map').show(); 
    initialize(); 
});

function initialize() { 
    var myLatlng = new google.maps.LatLng(lat, long); 
    var myOptions = { 
        zoom: 8, 
        center: myLatlng, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
}