Google maps 谷歌地图刷新灰色

我正在尝试将谷歌地图添加到jquery.mobile网站javascript和谷歌地图API中。问题是每次我加载地图时，大部分地图都灰显。我做了一些研究，显然我必须添加命令：

google.maps.event.trigger(map, 'resize'); google.maps.event.trigger（映射，'resize'）； 但在过去的几个小时里我一直在摆弄这个，我似乎无法让它工作。这是我正在使用的代码：

var myLatlng = new google.maps.LatLng(34.310774,66.225586); var mapOptions = { center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); // boundry var southWest = new google.maps.LatLng(31.207164,61.347656); var northEast = new google.maps.LatLng(37.617713,69.785156); var bounds = new google.maps.LatLngBounds(southWest,northEast); map.fitBounds(bounds); google.maps.event.trigger(map, 'resize'); var mylatng=new google.maps.LatLng（34.310774,66.225586）； 变量映射选项={ 中心：myLatlng， mapTypeId:google.maps.mapTypeId.ROADMAP } var map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）； //边界 var西南=新google.maps.LatLng（31.207164,61.347656）； var northEast=新的google.maps.LatLng（37.617713,69.785156）； var bounds=new google.maps.LatLngBounds（西南、东北）； 映射边界（bounds）； google.maps.event.trigger（映射，'resize'）；

---

要解决该问题，您需要：

确保显示地图的div具有有效的大小，如果它是隐藏的，则其大小将为零，并且您需要在其具有有效大小之前显示div。如果使用百分比调整其大小，请确保其所有父元素都具有百分比大小或特定大小（请参见）

一旦它有了一个大小，初始化地图（如果你还没有）

如果它已经初始化，则触发其上的调整大小事件

触发“调整大小”事件后，可能需要设置贴图的中心

---

您没有提供足够的信息来了解您的错误所在。

要解决此问题，您需要：

确保显示地图的div具有有效的大小，如果它是隐藏的，则其大小将为零，并且您需要在其具有有效大小之前显示div。如果使用百分比调整其大小，请确保其所有父元素都具有百分比大小或特定大小（请参见）

一旦它有了一个大小，初始化地图（如果你还没有）

如果它已经初始化，则触发其上的调整大小事件

触发“调整大小”事件后，可能需要设置贴图的中心

---

您没有提供足够的信息来查看您的错误所在。

在开始编码之前，您应该先让Google地图小部件工作。您只需要密钥ID、纬度和经度，然后使用应用程序设计器。默认情况下，建议的缩放设置为8已足够。 以下是一些细节：

---

在开始编码之前，您应该首先让Google地图小部件工作。您只需要密钥ID、纬度和经度，然后使用应用程序设计器。默认情况下，建议的缩放设置为8已足够。 以下是一些细节：

---

我不确定还能添加哪些信息。我已经将大小硬编码到div标记中，并在HTML的开头调用函数。我很乐意提供更多信息。css。html。这一页的其余部分。代码是否在onload函数中运行？如果没有，这就是问题所在（在页面完成呈现并触发onload事件之前，div没有大小）。我在地图的DIV上没有其他CSS，除了这里列出的内联CSS。此时HTML的其余部分只是一个基本的jquery.mobile页面（因为我遇到了麻烦，所以我创建了一个外部页面，除了地图之外没有其他内容）。如果你想看源代码，我想我可以把网站放到网上。把它放到网上（链接或JSFIDLE）会很有帮助。如果没有所有的部分，这些问题是很难解决的。你能为你的问题添加需要更改的代码吗？或者更新我的答案以包含它？这是一个很常见的问题，一个完整的解决方案对将来的某个人很有用。我不确定我还可以添加哪些其他信息。我已经将大小硬编码到div标记中，并在HTML的开头调用函数。我很乐意提供更多信息。css。html。这一页的其余部分。代码是否在onload函数中运行？如果没有，这就是问题所在（在页面完成呈现并触发onload事件之前，div没有大小）。我在地图的DIV上没有其他CSS，除了这里列出的内联CSS。此时HTML的其余部分只是一个基本的jquery.mobile页面（因为我遇到了麻烦，所以我创建了一个外部页面，除了地图之外没有其他内容）。如果你想看源代码，我想我可以把网站放到网上。把它放到网上（链接或JSFIDLE）会很有帮助。如果没有所有的部分，这些问题是很难解决的。你能为你的问题添加需要更改的代码吗？或者更新我的答案以包含它？这是一个很常见的问题，一个完整的解决方案对将来的人很有用