Dinamik bir şekilde javascript canlı işleviyle bir kez daha dinamik olarak oluştururken, yarım gri google haritası

Question

Kodumuz, canlı işlevle başlar ve tam sayfa içeriği, javascript kodu içinde google maps oluşturmak için kullanılan kodun altındaki js canlı işleviyle oluşturulur. Oluşturma her şey yolunda (harita ekranda düzgün görünüyor) ama o zamandan sonra google haritası tekrar oluşturulduğunda aynı sayfada haritanın yarısı geliyor ve yarısı gri, bu bizim problemimiz.

önceden sayesinde bu konuda herhangi bir yardım bekleriz 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); 

JQuery sürümü 1.8.0

Bootstrap sürümü.

Answer 1

Ben de aynı sorunu yaşadım, Google haritalarının resize'unu tetikleyerek çözdüm.

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

Google haritalarını başlatılıyor sonra ekleyin:

İşte aşağıda kodudur.

Bu SO Question'a bir göz atabilirsiniz. Yanıtınız ile