谷歌地图API街景没有在模态上调整大小

Question

我正在模态上输出街景地图。目前，它只会显示黑色，直到调整窗口大小。我尝试在单击按钮时使用google.maps.event.trigger(map, "resize");方法，但似乎无法让它工作。

$("#myBtn").on( 'click', function(){
google.maps.event.trigger(map, "resize"); //Tried to resize here on button click.
});

见 jsFiddle

Answer 1

您尝试在页面加载时加载地图并在单击按钮时显示它，这不是一个好主意！ 相反，您可以在单击按钮时加载地图，以便地图将根据可用的视口进行调整。

$("#myBtn").on( 'click', function(){
if(map == null){
$('.google-map-street').each(function(){
// create map
map = new_map( $(this) );
});
}
});

查看此更新的 jsFiddle