Not displaying map within modal screen

Not displaying map within modal screen


Hello,

I cant seem to get my google map to display in my modal. The code is as follows. Does anyone see anything.

Thank You


  1. var mapOptions = {                                 
  2.           zoom: 4,                                 
  3.           center: centered,                        
  4.           mapTypeId: google.maps.MapTypeId.ROADMAP 
  5.         };                                         
  6. var map = new google.maps.Map(document.getElementById('maparea'), mapOptions;

  7. var marker = new google.maps.Marker({                         
  8. position: loc,                                                
  9. map: map,                                                     
  10. title: $json.PDMOVE[x].SCNAME                                 
  11.    });                                                        
  12. google.maps.event.addListener(marker, 'click', function () {  
  13. infowindow.open(map, marker);                                 
  14.    });                                                        
  15.  });                                                          

  16. $("#maparea").dialog({                           
  17.   autoOpen:true,                                 
  18.   modal: false,                                  
  19.   title:'Empties',                               
  20.   height: 550,                                   
  21.   width: 700,                                    
  22.   buttons: {                                     
  23.       Close: function() {                        
  24.        $( this ).dialog( "close" );              
  25.       }                                          
  26.      }                                           
  27. });