谷歌地图+助推器模式不工作调整大小

Question

嗨，大家好，我有以下问题。谷歌地图不是针对这一点的尺寸。这是我迄今为止编写的代码。我不知道为什么，但这个功能google.maps.event.trigger(map, "resize");，如果你把它放在单击事件不起作用

$(function() { 
var map; 

$('.check-in').click(function(e) { 

    var coordX = $(this).data('x'), 
      coordY = $(this).data('y'); 

    initialize(coordX, coordY); 

}); 


function initialize(x, y) { 
    var map_canvas = document.getElementById('map_canvas'); 

    var myLatlng = new google.maps.LatLng(x, y); 
    var map_options = { 
     center: myLatlng, 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    map = new google.maps.Map(map_canvas, map_options); 


    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map 
    }); 

    google.maps.event.trigger(map, "resize"); 
} 

}）;

Answer 1

我有这样的问题。 我解决它丝毫显示 地图我觉得有问题丝毫js文件冲突

Answer 2

如果我理解你的问题正确，地图包含在引导模式中，一旦模式显示/显示不调整大小。

要做到这一点，你需要触发模式的'显示'事件的谷歌地图调整大小事件。对于Bootsrap v3，以下内容应该可以工作。对于v2，请使用'shown'而不是'shown.bs.modal'

$('#modal').on('shown.bs.modal', function() { 
    google.maps.event.trigger(map, "resize"); 
});