谷歌地图刷新灰色
我正在尝试将Google地图添加到jquery.mobile网站的JavaScript和Google Maps API。 问题是每次我加载地图时， 大部分地图都变灰了 。 我已经做了一些研究，显然我必须添加命令：
google.maps.event.trigger(map, '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');
要解决这个问题，你需要：
确保地图显示的div具有有效大小，如果它隐藏，它将具有零大小，并且在它将具有有效大小之前需要显示div。 如果使用百分比确定其大小，请确保其所有父元素都具有百分比大小或特定大小（有关详细信息，请参阅迈克威廉姆斯关于此主题的Google Maps API v2教程）。
一旦它有一个大小初始化地图（如果你还没有）
如果它已经被初始化，就触发resize事件。
触发resize事件后，您可能需要设置地图的中心。
你还没有提供足够的信息来查看你哪里出错。
在开始编码之前，您应该先让Google Map Widget工作。 您只需要密钥ID，经度和纬度并使用应用设计器。 建议的默认缩放设置为8就足够了。 以下是一些详细信息：http://hodentekmobile.blogspot.com/2016/07/intel-xdk-controls-6-using-google-map.html
链接地址: http://www.djcxy.com/p/81509.html