PhoneGap / Android:Google Map未在模拟器中完全显示

时间:2012-05-12 13:28:28

标签: javascript android google-maps cordova android-emulator

我正在尝试为Android运行一个PhoneGap应用程序(使用带有PhoneGap for Andoroid插件的Eclipse),其中包含Google Map。基本上它似乎工作。但是,显示地图时会出现一些故障。我手边没有电话,只有模拟器。例如,地图看起来如下图所示:

enter image description here

控件和这个'使用条款'都在那里,但地图中缺少部分。当我移动地图时,它也会滑动空白/灰色区域。但刷新/重新加载后,部分地图会再次消失。它并不总是相同的区域,有时更小,有时更大。但是从来没有完整的区域充满了地图。

这是模拟器的错误/故障。在搜索问题时,我只会偶然发现地图未显示的问题(例如,布局为0px / 0px或缺少API密钥)。我还有一个原生的Android应用程序,并且有一个谷歌地图的活动显示非常好。

感谢任何提示!

2 个答案:

答案 0 :(得分:6)

好的,经过一些搜索网络后,我发现了问题。当您尝试在隐藏的DIV元素中加载地图时,这似乎是一个常见问题。诀窍是在DIV变得可见之后简单地刷新地图。我发现并且对我有用的一种方法是触发调整大小事件:google.maps.event.trigger(map, "resize");

答案 1 :(得分:1)

你能发布你的代码吗?当我遇到这样的问题时,我将其应用于持有地图的容器:

layout: {
   type: 'fit'
}