2013-08-02 35 views
1

使用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应用程序,还是有我需要改变我的上述代码?谢谢。

+1

您是否记得将“<访问原始地址=”http://google.com“/>”域名?列入白名单? –

+0

谢谢!你和Brian让我回到正轨。 – keybored

回答

1

脚本标签更改为:

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

我相信你正在使用的一个是V2作为陈述here

1

在我的情况下,谷歌的API无法加载,因为应用程序没” t有权访问互联网。 所以不要”别忘了互联网访问权限添加到您的应用程序在你的AndroidManifest.xml

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

而对于其他功能(位置,摄像头,...),请确保相应的权限已经为这个应用程序和设置设备

+0

请记住在插件卸载后执行此操作,因为有时会删除权限 – Mirko