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"
}