2015-08-18 48 views
2

我正试图在离子应用程序中实现谷歌地图。地图库在Web浏览器中加载,但在设备上投掷404。离子框架:未在设备上加载谷歌地图库

要实现的地图我已经安装了“白名单”和下面的“地理位置”插件:

离子插件添加https://github.com/apache/cordova-plugin-whitelist.git

离子插件添加科尔多瓦,插件,地理位置

此外,添加访问起源=“*”到config.xml。 请帮我在这方面。

谢谢。

+0

请按照本教程[链接](https://blog.nraboy.com/2014/10/implement-google-maps-using-ionicframework/) –

回答

3

仅白名单插件是不够的。您还需要使用正式的白名单插件文档中提到的适当的安全元标记。

但该文档中缺少一件事。此元标记必须根据特定需求进行调整,在这种情况下,适用于Google Maps V3 API。

这是一个必要的meta标签,我可以证实与谷歌地图工程:如果你需要,你可以找到他们更多的参考资料中关于这个主题我的博客文章

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *"> 

http://www.gajotres.net/using-cordova-geoloacation-api-with-google-maps-in-ionic-framework/

我甚至可以给你一个工作的例子。

+0

非常感谢您的快速回复。我试着用上面的meta标签给出了错误: 加载资源失败:服务器响应404状态https://maps.googleapis.com/maps/api/js?key= APIKeyhere&sensor = true –

+0

您的设备是否连接到互联网? – Gajotres

+0

我有完全相同的问题,CSP是正确的,并且页面仍然响应404 ... – Gp2mv3