javascript - 谷歌地图未以全尺寸显示为容器

Question

你可以在这里看看，请点击BEKIJK TO SEE THE MAP http://imiodrag.dyndns.org:8080/club023/ligging/

JS:

 var myOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
     };
  var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

$('.show-map').click(function(){
    $('.ligging-ar').toggle();
    $('.to-hide').fadeToggle("fast",function(){
        $('#map_canvas').fadeToggle();
    });
});

//乐

$('.show-map').click(function(){
    $('.ligging-ar').toggle();
    google.maps.event.trigger(map, "resize");
    $('.to-hide').fadeToggle("fast",function(){
        $('#map_canvas').fadeToggle();
    });

Answer 1

这是因为 JavaScript 改变了元素的可见性。

这应该有效:

google.maps.event.trigger(map, 'resize');