AngularJSでGoogleMapAPIを用いてJSON形式のレスポンスを取得したいのですが、
コンソールに"Uncaught SyntaxError: Unexpected token :"とエラー表示されます。
レスポンスのJSONに":"が存在する為、このエラーが発生するのでしょうか?
解決方法はありますでしょうか?
どなたかわかる方いらっしゃいましたら、
ご教示いただけると幸いです。
よろしくお願いいたします。
---------- ソース ----------
var deferred = $q.defer();
$http.jsonp('https://maps.googleapis.com/maps/api/distancematrix/json?origins=Tokyo&destinations=Kyoto&mode=Driving&sensor=false', {
params: {
callback: 'JSON_CALLBACK'
}
}).success(function(response){
console.dir(data,status,headers,config);
deferred.resolve(data);
}).error(function(data,status,headers,config){
deferred.reject(status);
});
return deferred.promise;
---------- コンソール出力 ----------
Uncaught SyntaxError: Unexpected token : (18:20:02:095 | error, javascript)
at https://maps.googleapis.com/maps/api/distancematrix/json?origins=Tokyo&destinations=Kyoto&mode=Driving&sensor=false&callback=angular.callbacks._0:2
---------- コンソールのリンク先(GoogleMapsAPIのレスポンス) ----------
{
"destination_addresses" : [ "Kyoto, Kyoto Prefecture, Japan" ],
"origin_addresses" : [ "Tokyo, Japan" ],
"rows" : [
{
"elements" : [
{
"distance" : {
"text" : "457 km",
"value" : 456931
},
"duration" : {
"text" : "5 hours 39 mins",
"value" : 20338
},
"status" : "OK"
}
]
}
],
"status" : "OK"
}