javascript - 如何显示距离矩阵的值？

Question

我有这样的事情：

http://maps.googleapis.com/maps/api/distancematrix/json?origins=Berlin&destinations=Frankfurt&mode=driving&language=de-DE&sensor=false

如何在我的网站上从此 json 输出中显示“549 km and 5 Stunden, 21 Minuten”？

Answer 1

像这样的东西：

var service = new google.maps.DistanceMatrixService();
service.getDistanceMatrix(
  {
    origins: ["Berlin"],
    destinations: ["Frankfurt"],
    travelMode: google.maps.TravelMode.DRIVING,
  }, callback);

function callback(response, status) {
  $("#result").text(response.rows[0].elements.distance.text + " and " + response.rows[0].elements.duration.text);
}

对我来说它看起来不错，但我还没有测试过，所以我可能没有得到所有的细节。我不知道如何以德语获得结果，但此文档可能会有所帮助。

代替$("#result")，您需要为要显示结果的元素提供选择器或集合。