带有 JS 和 HTML 的 Google Maps API（从 A 地到 B 地的方向）

Question

我想做：

1. 获取从 A 地到 B 地的路线
2. 这两地之间的距离
3. 以及持续时间（流量）

因此我有以下代码

var request = {
        origin:location1, 
        destination:location2,
        travelMode: google.maps.DirectionsTravelMode.DRIVING,


    };
    directionsService.route(request, function(response, status) 
    {
        if (status == google.maps.DirectionsStatus.OK) 
        {
            directionsDisplay.setDirections(response);
            distance = "Die Entfernung zur Arbeit entspricht: "+ "<b>" +response.routes[0].legs[0].distance.text +"</b>";
            distance += "<br/>Die vorausschauliche Fahrzeit betr&auml;gt: "+ "<b>"+response.routes[0].legs[0].duration_in_traffic.text +"</b>";
            document.getElementById("distance_road").innerHTML = distance;
        }

    });

在此代码示例中，我无法获得 duration_in_traffic。我想是因为我没有高级计划？

所以我在考虑另一种方式。这个 URL 给了我一个 JSON 对象作为响应。此 JSON 对象包括 duration_in_traffic。

https://maps.googleapis.com/maps/api/directions/json?origin=Bellheim&destination=Voeklingen&departure_time=now&key=MYKEY

但是我不知道如何在javascript中获取json对象，也不知道如何从json对象中提取信息。

你能帮我解决这个问题吗？

Answer 1

查看此处提供的文档，我假设您收到以下JSON：

{
   "destination_addresses" : [ "New York, NY, USA" ],
   "origin_addresses" : [ "Washington, DC, USA" ],
   "rows" : [
      {
         "elements" : [
            {
               "distance" : {
                  "text" : "225 mi",
                  "value" : 361715
               },
               "duration" : {
                  "text" : "3 hours 49 mins",
                  "value" : 13725
               },
               "status" : "OK"
            }
         ]
      }
   ],
   "status" : "OK"
}

如果上面的是响应，那么你可以通过<var_name>.rows.elements.distance得到距离

---

看完你的照片

---

您可以使用<var_name>.routes.0.legs.0.distance.<text/value> 访问您的distance_in_traffic