[英]PhoneGap/Cordova compiled android app doesn't load external URIs
我正在尝试制作一个简单的地理位置应用。 本地地理位置在输入坐标时效果很好。我很难加载Google地图, 例如此处的“简单标记”示例 。
原来,您必须将外部域列入白名单 。 没问题,我在config.xml中添加了以下内容(在phonegap应用程序的根目录中):
<access origin="*" />
<access origin="*://*.googleapis.com/*" subdomains="true" />
<access origin="*://*.gstatic.com/*" subdomains="true" />
<access origin="*://*.google.com/*" subdomains="true" />
<access origin="*://*.googleusercontent.com/*" subdomains="true" />
以防万一,我在<platform name="android">
下添加了相同的内容。 然后我将其删除。 依然没有。
然后,我使该应用程序显示一个简单的图像; 这是应用程序的HTML部分的样子:
<body>
<span><img src="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi_hdpi.png" alt="" /></span>
<div id="map"></div>
</body>
如果我在浏览器中打开此文件,可以:
但是,当我编译应用程序并在平板电脑上打开它时,哦:
因此,似乎访问权限设置不正确。 图片损坏, googleapis.com
永不加载,我的地图也看不到白天。
我的赌注是一些我不知道的模糊权限。 现在我把头撞在墙上已经有一段时间了,真的很感谢您的帮助。 提前致谢。
鉴于您已将*列入了白名单,因此您甚至都不需要Google了。 您是否尝试过通过Chrome检查该应用? 在桌面浏览器中转到chrome:// inspect ,如果设备已连接到计算机,则可以从那里检查该应用。
检查器中的控制台应显示您的请求所犯的任何错误。 我猜您有一个阻止请求的内容安全策略。 白名单文档的最新版本位于https://github.com/apache/cordova-plugin-whitelist 。 在自述文件的底部,您将看到一些内容安全策略的示例。 我建议将以下内容添加到您的index.html中:
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.