javascript - AngularJS $http.jsonp() 方法访问 Google map 距离矩阵 API

Question

我必须使用 Google map 距离矩阵 API https://developers.google.com/maps/documentation/distance-matrix/intro计算具有某些坐标的两点之间的距离。我使用 AngularJS 和 $http.jsonp() 方法来执行对 API 的请求:

var app = angular.module('delivery', []);
app.controller('deliveryCtrl', function ($scope, $http) {
    $scope.submit = function () {
            var googleStr = 'https://maps.googleapis.com/maps/api/distancematrix/json?&origins=';
            var fromPlace = autocompleteFrom.getPlace();
            googleStr += fromPlace.geometry.location.lat() + ',' + fromPlace.geometry.location.lng();
            googleStr += "&destinations="
            var toPlace = autocompleteTo.getPlace();
            googleStr += toPlace.geometry.location.lat() + ',' + toPlace.geometry.location.lng();
            googleStr +='&key='+ apiKey+'&callback=JSON_CALLBACK';

            $http.jsonp(googleStr).success(function (data) {
                console.log(data);
            }).error(function (data) {
                $scope.error = true;
            });
    }
});

我收到状态为“OK”的响应，但由于下一个错误而无法处理它:

如何解决？预先感谢您的帮助

Answer 1

您提供的链接为您提供了 API 输出的两个选项:JSON 和 XML。这些都不是 JSONp。为了使用 JSONp，API 必须允许并支持它。

如果您想使用 API，您需要自己通过 CORS 或 JSONp 代理调用。以下答案可能会对您有所帮助:
Loading cross domain endpoint with jQuery AJAX