调整浏览器大小后谷歌地图崩溃

Question

实际上我试图用jquery-mobile和谷歌地图v3制作一个webapp。 我在主页上有一个谷歌地图。在使用此页面调整大小时，一切正常。 但是在从主页面调用的子视图中调整大小然后返回到主页面时，左上角只有一小块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')

工作正常