首页 文章

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

提问于
浏览 次
2

我试图在离子应用程序中实现谷歌 Map . Map 库正在Web浏览器上加载，但在设备上抛出404 .

为了实现 Map ，我安装了“白名单”和“地理位置”插件，如下所示：

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

离子插件添加cordova-plugin-geolocation

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

谢谢 .

android cordova google-maps ionic-framework

1 回答

  • 3

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

    但是文档中缺少一件事 . 必须根据特定需求调整此元标记，在本例中为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/

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

    回复于

相关问题