Jquery移动版-调整浏览器大小后谷歌地图崩溃

Question

实际上我试图使一个web应用程序与jquery移动和谷歌地图v3。我在主页上有一张谷歌地图。在调整这个页面的大小时，一切都有效。但是在从主页调用的子视图中调整大小然后返回主页时，左上角只有一小块gmap。然后再调整主页面大小，地图就可以了。

我试图触发'pagebeforeshow'-和'pageshow'-事件的映射google.maps.event.trigger($("#map_canvas"), 'resize')

但这并不能解决我的问题。地图的div大小合适。

有人有同样的经历并有解决方案吗?

谢谢

Answer 1

妈的，这太蠢了。

代替

google.maps.event.trigger($("#map_canvas"), 'resize')

应该是这样的

 var map =  new google.maps.Map(.........);
 google.maps.event.trigger(map, 'resize')

没问题