使用Jquery touch无法使地图显示在移动应用上

Question

我正在尝试开发一个应该使用Google Maps API显示地图的应用程序。但我无法与最新的候选版本合作。 我有这个婴儿床使用旧版本。 我把它放在这个jsFiddle中，这样你就可以看到它了 http://jsfiddle.net/huqY3/

提前致谢

Answer 1

您的#map_canvas及其div父级的高度为0px。因此，您的Google地图会加载，但会显示在一个不可见的容器中。

我认为JqueryMobile会覆盖您的内联CSS样式。

要解决此问题，您只需在pagecreate事件后手动设置#map_canvas的高度即可。固定高度（即500px）或计算高度（取文档高度并减去标题高度。）

例如：

$('.page-map').live("pagecreate", function() 
{
   var docH =  $('body').height();
   var headH=  $('body > div:eq(1)').height();
   $('#map_canvas').height(docH-headH);

   initialize();
});

也许这不是最好的方式，但如果不了解你的项目就很难说清楚。