-1

私は問題を抱えています：私のサイトのページの1つでグーグルマップを使用していますが、問題はそれがdivの100％で埋められないことです-マップはdivの約20％で埋められます。いくつか試しましたが、修正できません。この問題の解決にご協力いただければ幸いです。http://travulum.comで問題が発生する可能性があります（「旅行動画」ではなく「メニュー」をクリックして、旅行動画の1つをクリックしてください。初めてGoogleマップがdivを100％で埋めますが、クリックすると2回目の旅行ビデオ-2回目のGoogleマップが100％などでdivを埋めない.....私はこのスクリプトを使用します：

function updatePlayer(video_data){



    $('#map_canvas').empty().removeAttr('style');



    var BigPlayer = $('#bambuserPlayer').empty();



    if(typeof video_data !== 'undefined'){



        var map_center = new google.maps.LatLng(parseFloat(video_data.lat), parseFloat(video_data.lon));


        var myOptions =  {       

            zoom:10,

            center: map_center,

            mapTypeId: google.maps.MapTypeId.HYBRID,

            streetViewControl: false,

            panControl: false

        };

        map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);


        var marker = new google.maps.Marker({

            position: map_center,

            map: map,

            icon: createMarkerIcon('archived')

        });


        var url = 'http://embed.bambuser.com/broadcast/' + video_data.id;

        BigPlayer.html('<iframe width="450" height="450" src="'+ url +'" frameborder="0" ></iframe>');

    }

}
4

2 に答える 2

0

マップ div を非表示にしている場合は、呼び出しmap.checkResize()て、親コンテナーのサイズを変更したことを API に伝える必要があります。

于 2012-05-11T13:38:06.853 に答える