谷歌地图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