谷歌地图明显在负载调整大小

Question

我使用下面的代码在div中显示Google地图。当页面加载时，地图似乎在稳定之前反弹。有没有办法阻止这种行为？该页面为here。

function initialize() {

    myform.search.focus();

    geocoder = new google.maps.Geocoder();

    var latlng = new google.maps.LatLng(41.850033, -87.6500523);

    var mapOptions = {

       zoom: 2,

       center: latlng,

       mapTypeId: google.maps.MapTypeId.ROADMAP
    }

   map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

}

Answer 1

以下适用于我：

最初将#map_canvas的可见性样式设置为hidden

然后等待tilesloaded - 事件显示地图（短暂延迟）：

google.maps.event
 .addListenerOnce(map,
                  'tilesloaded',
                   function(){var that=this;
                              setTimeout(function(){
                                  that.getDiv().style.visibility='visible'},
                                  100);
                   });