左上角的谷歌地圖

Question

我想以100％的寬度顯示谷歌地圖。 但我遇到這個問題。它只顯示在左上角

http://imgur.com/obphYag

我切換此地圖使用jQuery了。這是我的代碼

function initialize() { 
     var latitude = 48.3592727; 
     var longitude = -2.6350914; 
     var zoom = 8; 

     var LatLng = new google.maps.LatLng(latitude, longitude); 

     var mapOptions = { 
      zoom: zoom, 
      center: LatLng, 
      panControl: false, 
      zoomControl: false, 
      scaleControl: true, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 

     var map = new google.maps.Map(document.getElementById('map-nos-agences'), mapOptions); 



google.maps.event.trigger(map, 'resize'); 

} 

    $("#map-nos-agences").hide(); 

    if($j("#map-nos-agences").length>0) { 
     initialize(); 
    } 

    $("#hideshow").click(function(){ 

     $("#map-nos-agences").toggle('slow'); 

    }); 

當我沒有切換它時，它顯示正確。 感謝您的幫助！

Answer 1

嘗試在地圖上idle事件觸發一個resize：

google.maps.event.addListenerOnce(map, 'idle', function() { 
    google.maps.event.trigger(map, 'resize'); 
});