不在模态屏幕内显示地图

时间:2012-11-09 10:24:42

标签: javascript jquery google-maps

我似乎无法将我的谷歌地图显示在我的模态中。代码如下。有没有人看到任何东西。

我只是试图将地图映射到模型窗口,没有运气!

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

1 个答案:

答案 0 :(得分:1)

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