javascript - 不在模态屏幕内显示地图

Question

我似乎无法让我的谷歌地图显示在我的模式中。代码如下。有没有人看到什么。

我只是想将地图映射到模型窗口，没有运气！

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

var marker = new google.maps.Marker({                         
position: loc,                                                
map: map,                                                     
title: $json.PDMOVE[x].SCNAME                                 
   });                                                        
google.maps.event.addListener(marker, 'click', function () {  
infowindow.open(map, marker);                                 
   });                                                        
 });                                                          

$("#maparea").dialog({                           
  autoOpen:true,                                 
  modal: false,                                  
  title:'Empties',                               
  height: 550,                                   
  width: 700,                                    
  buttons: {                                     
      Close: function() {                        
       $( this ).dialog( "close" );              
      }                                          
     }                                           
});                                              

Answer 1

确保您的目标 div 在 map 被初始化之前是可见的，
您使用的模式是否具有成功功能？所以你可以初始化地图，我很确定它会起作用，或者你通过设置超时来延迟地图初始化功能。