Google maps api 出发时间方向服务答案

【问题标题】：Google maps api departureTime in directionsServiceGoogle maps api 出发时间方向服务
【发布时间】：2016-01-20 09:28:45
【问题描述】：

我正在尝试设置departureTime 选项，但似乎不起作用。在示例中，本赛季 Bormio 和 Prato allo Stelvio 之间的道路 ss38 已关闭。从 8 月开始，我希望您使用这条路，而不是目前通过瑞士提供的路。

谢谢

这是我的代码：

function initialize() {

  map = new google.maps.Map(document.getElementById("map"), {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
      position: google.maps.ControlPosition.TOP_CENTER
    },
    streetViewControl: true,
    streetViewControlOptions: {
      position: google.maps.ControlPosition.TOP_LEFT
    },
    zoomControl: true,
    zoomControlOptions: {
      position: google.maps.ControlPosition.LEFT_TOP
    }

  });
  map.setZoom(10); // This will trigger a zoom_changed on the map
  map.setCenter(new google.maps.LatLng(46.6199, 10.5924));


  directionsDisplay.setMap(map);
  geocoderService = new google.maps.Geocoder();
  directionsService = new google.maps.DirectionsService;

  var marker = new google.maps.Marker({
    position: new google.maps.LatLng(46.6199, 10.5924),
    map: map,
    draggable: true
  });
  var marker2 = new google.maps.Marker({
    position: new google.maps.LatLng(46.4693, 10.3731),
    map: map,
    draggable: true
  });

  calcolapercorso(tipodipercorso);

}



function calcolapercorso(tipodipercorso) {

  var request = {
    origin: new google.maps.LatLng(46.6199, 10.5924),
    destination: new google.maps.LatLng(46.4693, 10.3731),
    optimizeWaypoints: false,
    avoidHighways: true,
    region: "IT",


    travelMode: google.maps.TravelMode.DRIVING,
    drivingOptions: {
      departureTime: new Date('2016-08-11T00:00:00'),
      trafficModel: google.maps.TrafficModel.PESSIMISTIC
    }

  };
  //request.travelMode = google.maps.DirectionsTravelMode.DRIVING;
  request.unitSystem = google.maps.UnitSystem.METRIC;

  directionsService.route(request, function(response, status) {

    if (status == google.maps.DirectionsStatus.OK) {

      var polyLine = {
        strokeColor: "#2B8B3F",
        strokeOpacity: 1,
        strokeWeight: 4,
      };

      directionsDisplay.setOptions({
        polylineOptions: polyLine,
        suppressMarkers: true
      });


      directionsDisplay.setDirections(response);

    } else if (status == google.maps.DirectionsStatus.ZERO_RESULTS) {
      alert("Could not find a route between these points");
    } else {
      alert("Directions request failed");
    }
  });
}

【问题讨论】：

请格式化您的代码并添加更多详细信息，说明当您说它不起作用时您的意思是什么。你期待什么？会发生什么？
@Fillo，要使用departmentTime，您必须使用Google Maps API 的客户端ID 才能工作（我猜您已经拥有它）。其实我和你的感觉一样，即使在美国我也会向 Google Maps API 团队请教。你的代码至少是正确的。

标签： api google-maps google-maps-api-3

【解决方案1】：

我发现当您设置任何航点时，departmentTime 选项不起作用（至少在 Google Maps Javascript API 中。我没有确认 RestAPI）。没有航路点，它就可以工作。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style type="text/css">
    #map_canvas {
      width: 600px;
      height: 400px;
      border: 1px solid gray;
      float: left;
    }
    #direction_panel {
      width: 250px;
      height: 400px;
      border: 1px solid gray;
      overflow-y:scroll;
    }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?language=en&v=3.exp&client=[YOUR_CLIENT_ID]"></script>
    <script>
      function initialize() {
        var mapDiv = document.getElementById("map_canvas");
        var map = new google.maps.Map(mapDiv, {
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        var form = document.getElementById("form");
        google.maps.event.addDomListener(form, "submit", function(event) {
          if (event.preventDefault) {
            event.preventDefault();
          } else {
            event.cancelBubble = true;
            event.returnValue = false;
          }
          map.set("traffic", google.maps.TrafficModel[this.trafficModel.value]);
        });

        var directionsService = new google.maps.DirectionsService();
        map.set("directionsService", directionsService);

        var panelDiv = document.getElementById("direction_panel");

        var directionsRenderer = new google.maps.DirectionsRenderer({
          map: map,
          panel: panelDiv
        });
        map.set("directionsRenderer", directionsRenderer);

        map.addListener("traffic_changed", onTrafficModelChanged);
      }

      function onTrafficModelChanged() {
        var map = this;
        var departureDateTime = document.getElementById("departureTime").value;
        var directionsService = map.get("directionsService");
        var directionsRenderer = map.get("directionsRenderer");
        var trafficModel = map.get("traffic");

        var request = {
          origin: "<YOUR ORIGIN>",
          destination: "<YOUR DESTINATION>",
          travelMode: google.maps.TravelMode.DRIVING,
          drivingOptions: {
            departureTime: new Date(departureDateTime),
            trafficModel: trafficModel
          }
        };

        directionsService.route(request, function(result, status) {
          if (status != google.maps.DirectionsStatus.OK) {
            alert(status);
            return;
          }
          directionsRenderer.setDirections(result);
        });
      }

      google.maps.event.addDomListener(window, "load", initialize);
    </script>
  </head>
  <body>
    <div id="frame">
      <div id="map_canvas"></div>
      <div id="direction_panel"></div>
    </div>
    <form id="form">
    Departure Time: <input type="text" id="departureTime" size=40 value="2016/01/25 21:00 PST"><br>
      <input type="radio" name="trafficModel" value="OPTIMISTIC">Optimistic
      <input type="radio" name="trafficModel" value="BEST_GUESS" checked>BEST_GUESS
      <input type="radio" name="trafficModel" value="PESSIMISTIC">PESSIMISTIC
      <input type="submit" value="Search">
    </form>
  </body>
</html>

【讨论】：

更新：日本的departmentTime好像不行。