javascript - 谷歌地图没有在弹出窗口中正确显示

Question

我想在弹出窗口中显示谷歌地图，但显示不正确。我在单击时显示该弹出窗口，然后将地图加载到该弹出窗口中。它没有显示在整个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); 
}