javascript - 如何在适用于 IOS 的 meteor cordova 应用程序中使用谷歌地图

Question

我一直在尝试让 google maps 在 IOS 上与 meteor 和 cordova 一起工作(使用模拟器进行测试)，但是在修补了比我愿意承认的时间更长的时间之后，我就是无法让它工作。

我从这篇文章开始:

http://blog.thebakery.io/native-ios-maps-with-meteor-and-cordova/

在为 Android 和 IOS 生成谷歌应用程序 key 并将它们添加到 mobile-config.js 后，我设法成功安装和编译它，如下所示:

App.configurePlugin('plugin.google.maps', {
    'API_KEY_FOR_ANDROID': 'my-andriod-key',
    'API_KEY_FOR_IOS': 'my-ios-key'
});

当我尝试运行它时，我得到的只是一个空白的白屏。

然后我四处寻找替代方案并发现:

https://github.com/gwendall/meteor-google-maps-cordova

这也编译没有错误，但我得到的只是一个空白的白色屏幕。

阅读更多内容后，我还安装了地理定位以防万一:

meteor add mdg:geolocation

没有快乐:(

作为最后一次尝试，我尝试寻找一个不使用 Cordova 的 meteor google maps 实现，并提取模板脚本以查看它是否可行。

https://github.com/dburles/meteor-google-maps-demo

运气不好。

我对 Meteor 很陌生，所以我已经达到了我的能力极限。

还有其他人尝试过使用 Cordova 在 Meteor 上实现 google-maps 吗？我将不胜感激有关如何使其正常工作的任何示例或建议。

-- 更新--

在搜索一些有关 google-maps 问题的 meteor 帖子后，我确实找到了一个建议向 mobile-config.js 添加一些访问规则的帖子

App.accessRule('https://*.googleapis.com/*');
App.accessRule('https://*.google.com/*');
App.accessRule('https://*.gstatic.com/*');

在此之后，我现在至少没有得到一个完全空白的屏幕。当我通过 safari 开发者工具查看时，我可以看到生成了一个 google-maps 窗口，但它是一个空的灰色元素， Angular 落里有一个 google Logo ，并且没有加载实际 map 。

Answer 1

听起来你在做正确的事，我确实需要将以下规则添加到 mobile-config.js

App.accessRule('*');
App.accessRule('https://*.googleapis.com/*');
App.accessRule('https://*.google.com/*');
App.accessRule('https://*.gstatic.com/*');
App.configurePlugin('plugin.google.maps', {
    'API_KEY_FOR_IOS': 'your private key' });

也许重新访问谷歌控制台以确保您已正确设置 Javascript 和 IOS 凭据