Google Maps API Street View ändert nicht die Größe des Modales

Question

Ich gebe eine Street View Map auf einem Modal aus. Derzeit wird nur Schwarz angezeigt, bis die Größe des Fensters geändert wird. Ich habe versucht, die google.maps.event.trigger(map, "resize"); Methode auf Knopfdruck zu verwenden, aber es scheint nicht zu funktionieren.

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

Siehe jsFiddle

Answer 1

Ihre versuchen Karte auf Seite laden und zeigen Sie sie auf den Knopf klicken zu laden, die nicht für eine gute Idee! Stattdessen können Sie die Karte beim Klicken auf die Schaltfläche laden, sodass die Karte entsprechend dem verfügbaren Ansichtsport angepasst wird.

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

sehen Sie dieses jsFiddle aktualisiert