谷歌地圖不會加載到我的PhoneGap Android應用程序

使用PhoneGap/Cordova時，是否可以將Google Maps API V3用於移動應用程序開發？我的索引頁有一個鏈接到具有在它下面的地圖頁面：谷歌地圖不會加載到我的PhoneGap Android應用程序

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
    <link rel="stylesheet" type="text/css" href="css/index.css" /> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
    <title>Map Page</title> 
</head> 
<body> 
    <div class="app"> 
     <div id="map-canvas"></div> 
    </div> 

    <script type="text/javascript" src="phonegap.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.map.full.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
    <script type="text/javascript"> 
    app.initialize(); 
    </script> 
    <script type="text/javascript"> 
    $('#map-canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':false, 'callback': function() {}}); 
    </script> 
</body> 
</html>

我包括了谷歌地圖的jQuery插件和其他必要的文件。當我在我的桌面瀏覽器中測試應用程序時，Ripple和（神祕地）在我的舊三星Galaxy S上的地圖加載得很好。當我在Android模擬器或Galaxy S4上嘗試它時，地圖不會加載，我剩下一個空白頁面。有沒有不同的/更好的方式，我可以使用谷歌地圖和Android應用程序，還是有我需要改變我的上述代碼？謝謝。

來源

2013-08-02 keybored

您是否記得將「<訪問原始地址=」http://google.com「/>」域名？列入白名單？ –

謝謝！你和Brian讓我回到正軌。 – keybored

腳本標籤更改爲：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false" />

我相信你正在使用的一個是V2作爲陳述here

來源

2013-08-02 21:40:54 Brian

在我的情況下，谷歌的API無法加載，因爲應用程序沒」 t有權訪問互聯網。所以不要」別忘了互聯網訪問權限添加到您的應用程序在你的AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />

而對於其他功能（位置，攝像頭，...），請確保相應的權限已經爲這個應用程序和設置設備

來源

2014-02-17 15:48:55 Karl

請記住在插件卸載後執行此操作，因爲有時會刪除權限 – Mirko

谷歌地圖不會加載到我的PhoneGap Android應用程序

回答

相關問題