使用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应用程序,还是有我需要改变我的上述代码?谢谢。
您是否记得将“<访问原始地址=”http://google.com“/>”域名?列入白名单? –
谢谢!你和Brian让我回到正轨。 – keybored