外部图片未在Android应用中显示 - Meteor - Cordova

Question

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

以下<img>代码应根据纬度和经度显示Google地图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。 Access-Control-Allow-Origin不允许原点http://meteor.local。

我是否需要放置谷歌地图api＆＃39;在某种“白领主义者”中的域名＆＃39;比如使用Phonegap时。

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

Answer 1

是的，从1.0.4开始，"Meteor Cordova apps no longer allow access to all domains by default."

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

所以在你的情况下，添加：

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

在mobile-config.js文件的末尾应该可以解决问题。