外部图像未在Android应用程序中显示 - Meteor - Cordova

Question

我正在使用Meteor开发一个Android应用程序,并且在显示来自外部源的图像时遇到问题.

以下<img>标记应根据纬度和经度显示google maps api中的图像:

<img src="http://maps.googleapis.com/maps/api/staticmap?center={{loc.lat}},{{loc.lng}}&zoom=15&size=600x300&maptype=roadmap&markers=color:blue%7C{{loc.lat}},{{loc.lng}}" />

虽然这在浏览器中有效,但在尝试在Android设备上运行时,我在服务器上收到以下错误

XMLHttpRequest无法加载http://10.0.2.2:3000/sockjs/info?cb=p4ej3xginv.产地HTTP://meteor.local没有被访问控制允许来源允许的.

我是否需要将"谷歌地图api"域名放在某种"白名单"中,就像使用Phonegap一样.

如果是这样,我们如何在Meteor中做到这一点？

Answer 1

是的,从1.0.4开始,"Meteor Cordova应用程序默认不再允许访问所有域名."

因此,从现在开始,在您的mobile-config.js文件中,您必须为可能从中加载内容的每个外部域调用App.accessRule.

所以在你的情况下,添加:

App.accessRule('http://maps.googleapis.com/*');

在你的mobile-config.js文件的末尾应该做的伎俩.