Halbe graue Google-Karte, während es dynamisch für mehr als einmal mit Javascript-Live-Funktion erstellt

Question

Unser Code beginnt mit Live-Funktion und ganze Seite Inhalt wird von js Live-Funktion erstellt, unter dem Code zum Erstellen von Google Maps innerhalb Javascript-Code verwendet creation alles ist in Ordnung (Karte scheint richtig auf dem Bildschirm), aber nach dieser Zeit, wenn google map wieder auf der gleichen Seite die Hälfte der Karte erstellt wird und die Hälfte ist grau, das ist unser Problem.

JQuery Version 1.8.0

Bootstrap Version 2.2.2

var idz = 'mapg'; 
tr.append($('<td>').append($('<div>', { 
'id': idz, 
'style': 'width: 100%; height: 300px' 
}))); 
var latlng = new google.maps.LatLng(40.988921, 29.021326); 
var options = { 
    zoom: 10, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
rootMap = new google.maps.Map(document.getElementById(idz), options); 

ich Hilfe mit diesem Problem zu schätzen wissen würde, Dank im Voraus.

Answer 1

Ich hatte auch das gleiche Problem, löste ich es durch Auslösen der resize von Google Maps. Hier

ist der Code unten:

google.maps.event.trigger(rootMap , 'resize'); //For v3 

Fügen Sie diese nach der Google Maps initialisieren.

Sie können diese SO Question betrachten.