谷歌地图 - jQuery Mobile

Question

我有一个 jQuery Mobile 网站，并且目前在多个页面上运行 Google 地图。我遇到的问题是当我在页面之间导航时，地图不会再次呈现（仅在所选的第一页上加载）。页面需要刷新才能再次加载。我错过了什么？

jQuery("div:jqmData(role='page'):last").live('pageinit', function(){
    initialize();
});

jQuery("div:jqmData(role='page'):last").live('pageinit', function(){
    google.maps.event.trigger(map, 'resize');
    map.setOptions(options); 
});

Answer 1

在pageshow 或pagechange 上调用google.maps.event.trigger(mapObj, "resize"); 而不是pageinit。