javascript - Googleマップがポップアップに正しく表示されない

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); 
}