Google maps 将JQuery Mobile升级到1.0.1后,代码为';行不通

Google maps 将JQuery Mobile升级到1.0.1后,代码为';行不通,google-maps,jquery-mobile,Google Maps,Jquery Mobile,使用JQM 1.0a1时,这一切都很好: 主页 主页 $('#map').live(“pagecreate”,function()){ 初始化(1.359103.818); }); 功能初始化(lat、lng){ var latlng=新的google.maps.latlng(lat,lng); 变量myOptions={ 缩放:8, 中心:拉特林, mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map(

使用JQM 1.0a1时,这一切都很好:


主页
主页

$('#map').live(“pagecreate”,function()){ 初始化(1.359103.818); }); 功能初始化(lat、lng){ var latlng=新的google.maps.latlng(lat,lng); 变量myOptions={ 缩放:8, 中心:拉特林, mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions); } 地图页
但是使用jqm1.0.1()的方法根本不显示映射。我试着在和上使用$(“#map”),“pageinit”都没有用

我错过了什么

更新:与JQuery 1.6.3的行为相同


更新2:通过给#map canvas div指定一个绝对大小(例如高度:200px;宽度:200px;),它工作得很好。

如问题更新中所述,通过给
#map canvas div指定一个绝对大小(例如高度:200px;宽度:200px;
),问题就解决了。

我认为您使用的是jQM Alpha 1?从那时起,随着jQM发布了a2、a3、a4、RC1、RC2、1.0和现在的1.0.1,我将仔细阅读这些文档:并用更新的实现更新代码。另外,从1.0.1 jQM支持jquery1.6.4开始,我认为jQM 1.1将支持jQuery 1.7.x,但这一点并不积极。我确实阅读了文档,但仍然无法让它工作。
pageinit
pagecreate
都被正确触发,所以我不知道还能在哪里查找。否。但我注意到Firebug实际上加载了地图,但没有显示。我猜这是一个CSS问题?