不加載谷歌離子IOS模擬器映射

我已經創建了應當訪問使用角谷歌-maps.min.js谷歌地圖的離子混合應用。不加載谷歌離子IOS模擬器映射

我遇到的問題是，應用程序工作在瀏覽器不錯，但我得到的IOS模擬器「死亡白屏」，以及離子視圖的應用程序。但是，如果我跑離子模仿IOS -l-C模擬器內如預期的地圖加載。

我已經經歷了許多可能的解決方案看，但他們似乎並不在我的問題上提供幫助。

這裏有一些事情我已經嘗試：

1）下面的代碼添加到config.xml文件：刪除所有「/」鏈接到谷歌地圖JS那裏之前（XXXX

<access origin="http://maps.google.com"/>

2）用我的鑰匙index.html中填寫）：

<!-- ionic/angularjs-google-maps js --> 
<script src="lib/lodash/lodash.min.js"></script> 
<script src="lib/angular-simple-logger/dist/angular-simple-logger.min.js"></script> 
<script src="lib/angular-google-maps/dist/angular-google-maps.min.js"></script> 
<script src="//maps.googleapis.com/maps/api/js?key=XXXX"></script>

3）檢查發現我有我的項目科爾多瓦插件以及RAN：

cordova build ios 
    ionic build ios 
    ionic emulate ios

4）冉

ionic platform remove ios 
    ionic platform add ios

5）仿真器的記錄來看，這是可能的，我（使用它們）第一時間去閱讀這些錯誤，但我沒有看到任何明顯的錯誤或404未找到。

任何想法？

我真的認爲，當我的應用程序正在構建時，它不會拉動angular-google-maps.min.js和相關文件，但不知道爲什麼會這樣。下面是我的WWW文件夾結構的截圖是否有幫助：

WWW folder structure

來源

2016-01-04 kbeckster

嘗試包裝你的地圖爲$超時。 –

當你遇到「死亡白屏」時，錯誤日誌會說什麼？這將幫助您找出問題所在。 – TheBosZ

哇，這是我在計算器上的第一個答案！我有和你一樣的問題。事實證明，問題出在地圖的CSS中。這就是爲什麼你沒有看到控制檯中的任何問題。

這裏是不好的CSS：

<style type="text/css"> 
    .angular-google-map, 
    .angular-google-map-container { 
     height: 90%; 
    } 
</style>

這會導致地圖無法出現在iOS模擬器（我沒有測試它的實際的iOS設備上，但上面的代碼工作正常，在Android 6.01）。

通過增加一個百分比父（在這種情況下滾動），您可以修改的百分比是子元素。

<style type="text/css"> 
    .scroll { 
     height: 100%; 
    } 
    .angular-google-map, .angular-google-map-container { 
     width: 100%; 
     height: 100%; 
    } 
</style>

來源

2016-05-11 07:40:20 pkiv

不加載谷歌離子IOS模擬器映射

回答

相關問題