PhoneGap/Android：谷歌地圖沒有完全顯示在模擬器中

我正在嘗試爲Android運行PhoneGap應用程序（使用帶有PhoneGap for Andoroid插件的Eclipse），它具有Google Map。基本上它似乎工作。但是，顯示地圖時會出現一些故障。我手邊沒有電話，只有模擬器。地圖看起來，例如，像下面的圖片：PhoneGap/Android：谷歌地圖沒有完全顯示在模擬器中

enter image description here

的控制和這個「使用條款」都在那裏，但也有部分從地圖失蹤。當我移動地圖時，它也會滑動空白/灰色區域。但刷新/重新加載後，地圖的某些部分會再次消失。它並不總是相同的區域，有時會更小，有時會更大。但從來沒有整個地區充滿了地圖。

這是模擬器的錯誤/故障。在搜索問題時，我只會偶然發現地圖完全不顯示的問題（例如，佈局爲0px/0px或API密鑰丟失）。我也有一個原生的Android應用程序，並且有一個谷歌地圖活動顯示相當好。

感謝您的任何提示！

來源

2012-05-12 Christian

好了，經過一番更多的搜索網站，我發現這個問題。當您嘗試在隱藏的DIV元素中加載地圖時，這似乎是一個常見問題。訣竅是在DIV變爲可見之後簡單地刷新地圖。我發現的一種方式，併爲我工作是一次觸發大小調整事件：google.maps.event.trigger(map, "resize");

來源

2012-05-13 09:00:05 Christian

我有同樣的問題，但我無法理解您的答案，請您解釋一下嗎？ –

沒什麼好解釋的。例如，在調用'$（「＃myDivId」）。show（）;'之後，某些DIV變得可見。之後，您只需調用'google.maps.event.trigger（map，「resize」）;'，其中'map'是您開始初始化的地圖的句柄，例如'var map = new google .maps.Map（$（「＃map_canvas」）。get（0），{center：{lat：-34.397，lng：150.644}，zoom：8}）;' – Christian

但是我使用標籤來顯示地圖，而其他的事情是我的問題是，當我第一次來到頁面goole地圖加載完美，但轉到另一個頁面，然後再回來，然後地圖壞了，從未加載。 –

你能發佈你的代碼嗎？當我有這樣一個問題，我這個應用到拿着地圖中的容器：

layout: { 
    type: 'fit' 
}

來源

2012-05-12 18:07:27 sirmdawg

感謝您的幫助！我發現了這個問題;看到我的答案。我錯過了最初將地圖加載到隱藏的DIV中的基本要點。 – Christian

PhoneGap/Android：谷歌地圖沒有完全顯示在模擬器中

回答

相關問題