Bản đồ google một nửa màu xám trong khi tự động tạo ra nó nhiều hơn một lần với chức năng sống javascript

Question

Mã của chúng tôi bắt đầu bằng chức năng trực tiếp và toàn bộ nội dung trang được tạo bởi hàm js sống, bên dưới mã được sử dụng để tạo bản đồ google trong mã javascript. sáng tạo mọi thứ đều ổn (bản đồ có vẻ đúng trên màn hình) nhưng sau thời điểm đó khi bản đồ google được tạo lại ở cùng một nửa trang của bản đồ đi lên và một nửa là màu xám, đó là vấn đề của chúng tôi.

JQuery phiên bản 1.8.0

Bootstrap phiên bản 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); 

tôi sẽ đánh giá cao bất kỳ giúp đỡ về vấn đề này, cảm ơn trước.

Answer 1

Tôi cũng gặp sự cố tương tự, tôi đã giải quyết vấn đề bằng cách kích hoạt resize bản đồ của Google.

Đây là đoạn mã dưới đây:

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

Thêm này sau khi khởi tạo các bản đồ của Google.

Bạn có thể xem điều này SO Question.