我们正在使用 Ionic (+Cordova) 构建一个 android 应用程序。
这一切都在我的浏览器中运行,但是当我构建它并运行 .apk 时,会发生这种情况:
外部图像不会出现,嵌入的谷歌地图保持空白。我们的 index.html 中的以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/ng-cordova.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
</ion-header-bar>
<ion-content>
<div class="main" role="main">
<p id="geolocation">Finding geolocation...</p>
<img src="http://placehold.it/350x150.png" alt="no image" />
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d635472.0298105411!2d5.1189025!3d51.525825749999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1snl!2snl!4v1432033961557" width="600" height="450" frameborder="0" style="border:0"></iframe>
</div>
</ion-content>
</ion-pane>
</body>
</html>
在 config.xml 中,我们在结束标记之后创建了以下行:
<allow-navigation href="*" />
<allow-intent href="*" />
最佳答案
检查您的 list 以允许您的应用使用互联网。
<uses-permission android:name="android.permission.INTERNET" />
如果您使用的是 cordova 5(Android 平台版本 4.0.0),那么您应该包括白名单插件以及新的 content security policy meta 标记允许 google maps api 像这样加载(在你的 html 文件的顶部以及其余的 meta 标记):
<meta http-equiv="Content-Security-Policy" content="default-src *;
style-src 'self' 'unsafe-inline' http://fonts.googleapis.com/;
script-src 'self' 'unsafe-inline' 'unsafe-eval' http://*.googleapis.com
http://maps.gstatic.com;">
编辑: 还要检查您的 config.xml 您授予的访问权限:
<access origin="*" />
例如允许所有连接
如果它不起作用,请检查您的日志并发布任何错误。
关于android - ionic - 没有互联网连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30324899/