2014-08-28 59 views
0

我一直在努力提出一个简单的GET请求,谷歌Places API的离子应用程序无法提交GET请求

https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=xxxx

我不断收到错误: 的XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8 ... IUS = 500 & types =食物& name = cruise & key = xxxx。请求的资源上没有“Access-Control-Allow-Origin”标题。因此不允许原产地'8100'进入。

我在网上查了一下,它与CORS有关,但我还没有弄清楚什么。如果有人能指出我会朝着正确的方向发展,那将是很棒的。

谢谢

回答

0

我能够使用离子平稳地调用该网址。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" /> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
    <link href="components/lib/ionic/css/ionic.css" rel="stylesheet" /> 
    <script src="components/lib/ionic/js/ionic.bundle.js"></script> 
    <script src="components/lib/ionic/js/angular/angular-resource.js"></script> 
    <script type="text/javascript"> 
     angular.module('myApp', 
[ 
'ionic', 
'ngResource' 
]) 
.factory('GetData', function ($resource) 
{ 
    return { 
     getg: function() 
     { 
      return $resource('https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=xxxx', null).get(); 
     } 
    } 
}) 
.controller('SomeController', function (GetData) 
{ 
    GetData.getg().$promise.then(
     function (answer) 
     { 
      console.log(answer); 
     }); 
}); 
    </script> 
</head> 
    <body ng-app="myApp" ng-controller="SomeController"></body> 
</html> 
+0

嗯那怪异的进出口仍然得到同样的错误。这里是codepen http://codepen.io/anon/pen/hLimd?editors=101 – user3716926 2014-08-29 20:50:26

0

什么工作对我来说是安装这个插件:

  • 科尔多瓦 - 插件白名单

Console:

cordova plugin add cordova-plugin-whitelist