android - ionic 框架 : Not loading google maps library on device

Question

我正在尝试在 ionic 应用程序中实现 Google map 。 map 库正在 Web 浏览器上加载，但在设备上抛出 404。

为了实现 map ，我安装了“白名单”和“地理定位”插件，如下所示:

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

ionic 插件添加 cordova-plugin-geolocation

另外，将 access origin="*"添加到 config.xml。请在这方面帮助我。

谢谢。

Answer 1

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

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

这是必需的元标记，我可以确认它适用于 Google map :

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

我什至可以向您发送一个工作示例。