谷歌地图在左上角

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事件上触发调整大小：

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