jquery - getJSON Google 距离矩阵 API - 语法错误

Question

我正在使用 CoffeeScript 执行getJSON请求：

$.getJSON(
    "http://maps.googleapis.com/maps/api/distancematrix/json?callback=?"
    origins: origin
    destinations: destinations
    sensor: false
    success: (data) -> 
        console.log data
   error: (data) ->
        console.log data
  'json'
)

网址是：

http://maps.googleapis.com/maps/api/distancematrix/json?callback=?&origins=-25.8350643,28.1636066&destinations=-25.551836,%2028.423075|-25.218503,%2027.923075|&sensor=false

如果你把它放在你的浏览器中，它会返回 JSON，但是 ajax 请求只是告诉我：

Uncaught SyntaxError: Unexpected token: 

有任何想法吗？

Answer 1

该端点不支持 (JSONP) 回调。
你应该按照谷歌的方式去做：

    var distanceService = new google.maps.DistanceMatrixService();
    distanceService.getDistanceMatrix({
        origins: ['Istanbul, Turkey'],
        destinations: ['Ankara, Turkey'],
        travelMode: google.maps.TravelMode.DRIVING,
        unitSystem: google.maps.UnitSystem.METRIC,
        durationInTraffic: true,
        avoidHighways: false,
        avoidTolls: false
    },
    function (response, status) {
        if (status !== google.maps.DistanceMatrixStatus.OK) {
            console.log('Error:', status);
        } else {
            console.log(response);
        }
    });

请参阅此处的文档。

Answer 2

切勿直接从客户端代码调用 Google 地图网络服务*。不支持简单的 JSONP（即带有“回调”的 json）。

您需要使用距离矩阵服务作为 Google Maps Javascript API https://developers.google.com/maps/documentation/javascript/services#distance_matrix的一部分

• Web 服务用于访问 Javascript API 无法运行的 API - 即在服务器中。