我正在尝试开发一个应该使用Google Maps API显示地图的应用程序。但我无法与最新的候选版本合作。 我有这个婴儿床使用旧版本。 我把它放在这个jsFiddle中,这样你就可以看到它了 http://jsfiddle.net/huqY3/
提前致谢
答案 0 :(得分:0)
您的#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();
});
也许这不是最好的方式,但如果不了解你的项目就很难说清楚。