离子框架：未在设备上加载谷歌地图库

Question

我正在尝试在离子应用中实施Google地图。地图库正在Web浏览器上加载，但在设备上抛出404。

要实现地图，我已经安装了“白名单”和“地理定位”插件，如下所示：

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

离子插件添加cordova-plugin-geolocation

另外，在config.xml中添加了access origin =“*”。 请在这方面帮助我。

谢谢。

Answer 1

仅凭白名单插件是不够的。您还需要使用官方白名单插件文档中提到的相应安全元标记。

但是文档中缺少一件事。必须根据特定需求调整此元标记，在本例中为Google Maps V3 API。

这是我可以确认适用于Google地图的必需元标记：

<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/

我甚至可以给你一个有效的例子。