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