javascript - 谷歌地图在左上角

Question

我想以 100% 的宽度显示谷歌地图。但是我遇到了这个问题。只显示在左上角

http://imgur.com/obphYag

我也用 jquery 切换这张 map 。这是我的代码

    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

尝试在 map idle 事件上触发调整大小:

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