-1

我有一个问题：在我网站的一个页面上，我使用了谷歌地图，问题是它没有填充 100% 的 div - 地图填充了大约 20% 的 div。我尝试了几件事，但我无法解决这个问题。对于解决此问题的任何帮助，我将不胜感激！您可能会在以下位置看到问题：http ://travulum.com （请单击“菜单”，而不是“旅行视频”并单击其中一个旅行视频 - 谷歌地图第一次以 100% 填充 div，但如果您单击第二个旅行视频 - 第二次谷歌地图没有以 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

尝试在一些 CSS 中设置地图的大小。我签入了 FireBug，确实地图占据了 id="map_canvas" 的其他空 div 的整个空间

 #map_canvas { height: 400px; width: 600px; }
于 2013-04-01T18:06:10.730 回答
0

如果您隐藏了地图 div，则需要调用map.checkResize()以告知 API 您更改了父容器的大小。

于 2012-05-11T13:38:06.853 回答