javascript - 半灰色谷歌地图，同时使用javascript实时功能动态创建它不止一次

Question

我们的代码以 live 函数开头，整个页面内容由 js live 函数创建，下面的代码用于在 javascript 代码中创建谷歌地图，第一次创建一切都很好（地图在屏幕上似乎正确）但在那之后谷歌地图是在同一页面再次创建地图的一半出现，一半是灰色的，这是我们的问题。

jQuery 版本 1.8.0

引导版本 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);

我将不胜感激有关此问题的任何帮助，在此先感谢。

Answer 1

我也有同样的问题，我通过触发resize谷歌地图解决了。

这是下面的代码：

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

在初始化谷歌地图后添加这个。

你可以看看这个SO Question。