如何在IOS的meteor cordova app中使用谷歌地图

时间:2015-12-26 11:37:36

标签: javascript ios cordova google-maps meteor

我一直在努力让谷歌地图在IOS上使用meteor和cordova(使用模拟器进行测试),但经过修补时间比我承认的更长,我只是无法让它工作。

我从文章开始:

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

我为Android和IOS生成谷歌应用程序密钥并将其添加到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的流星谷歌地图实现,并解除了模板脚本以确定它是否可行。

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

没有运气。

我对Meteor很陌生,所以我已达到了解决能力的极限。

有没有其他人尝试使用Cordova在Meteor上实施google-maps?我将不胜感激如何使其发挥作用。

- 更新 -

搜索了一些关于谷歌地图问题的流星帖后,我找到了一个建议添加一些访问规则到mobile-config.js

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

在此之后,我现在至少没有得到完全黑屏。当我看到通过safari开发人员工具我可以看到有一个谷歌地图窗口生成但它是一个空的灰色元素,角落里有一个谷歌徽标,并没有加载实际地图。

1 个答案:

答案 0 :(得分:2)

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

$i

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