jQuery触摸无法在移动应用上显示地图

Question

我正在尝试开发一个应使用Google Maps API显示地图的应用程序。 但我无法使其与最新的候选版本一起使用。 我得到了这个婴儿床，但与较旧的版本一起使用。 我将它放在此jsFiddle中，以便您可以实时查看它。
http://jsfiddle.net/huqY3/

提前致谢

Answer 1

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

我认为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();
});

也许这不是最好的方法，但是在不了解您的项目的情况下很难说出来。