想在localhost上使用Google map api

时间:2015-03-16 13:28:09

标签: javascript ajax google-maps ionic-framework

我在访问最近的地方时遇到了Google Map API的问题。

代码:

var headers = {
    'Access-Control-Allow-Origin' : '*',
    'Content-Type': 'application/json'
};

var req = {
    method: 'GET',
    url:    'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=AIzaSyCLf2OhSgKKOju1hpUBirFtZ-W26zObyVI?sensor=false',
    headers: headers
}

$http(req).success(function(d) {
    alert(d)
});

错误:

  

XMLHttpRequest无法加载   https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8 ... =食品与NAME =巡航和放大器;关键= AIzaSyCLf2OhSgKKOju1hpUBirFtZ-W26zObyVI传感器=假。   No' Access-Control-Allow-Origin'标题出现在请求的上   资源。起源' http://localhost:8100'因此是不允许的   访问。响应的HTTP状态代码为405。

1 个答案:

答案 0 :(得分:-1)

var headers = {
    'Access-Control-Allow-Origin' : '*',
    'Content-Type': 'application/json'
};

var req = {
    url: 'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=AIzaSyCLf2OhSgKKOju1hpUBirFtZ-W26zObyVI?sensor=false',
    headers:headers
}
$http.get(req.url,header).success(function(d){
    alert(d)
});