1

Google API で乗換案内用のカスタム ポリラインを作成できません。ルートのすべてではなく、一部のみがレンダリングされます。ドライブ、ウォーキング、サイクリングには機能しますが、トランジットには機能しません。正確に何が欠けているのかわかりません。誰かが同じ問題に直面している場合は、助けてください! 私はフィドルで例を作りました:

http://jsfiddle.net/srs/vF2e9/1/

サンプルコード

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

  function initialize() {
    directionsDisplay = new google.maps.DirectionsRenderer();
    var mapOptions = {
      zoom: 7,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: new google.maps.LatLng(41.850033, -87.6500523)
    };
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    directionsDisplay.setMap(map);
    calcRoute();
  }

  function calcRoute() {
    var start = "98012";
    var end = "98014";
    var request = {
      origin: start,
      destination: end,
      travelMode: google.maps.TravelMode.TRANSIT
    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        var polyLine = new google.maps.Polyline({
            strokeColor: '#FF0000'
          });
        var options = {};
        options.directions = response;
        options.map = map;
        options.polylineOptions = polyLine;
        //options.suppressMarkers = true;
        directionsDisplay.setOptions(options);// = new google.maps.DirectionsRenderer(options);
        polyLine.setMap(map);
        //directionsDisplay.setDirections(response);
      }
    });
  }
4

1 に答える 1

1

polylineOptions 匿名オブジェクトは google.maps.Polyline ではありません (そうすべきではありません)。

directionsService.route(request, function(response, status) {
  if (status == google.maps.DirectionsStatus.OK) {
    var polyLineOptions = {
        strokeColor: '#FF0000'
      };
    var options = {};
    options.directions = response;
    options.map = map;
    options.polylineOptions = polyLineOptions;
    //options.suppressMarkers = true;
    directionsDisplay.setOptions(options);// = new google.maps.DirectionsRenderer(options);
    polyLine.setMap(map);
    //directionsDisplay.setDirections(response);
  }
});

更新されたフィドル

于 2013-10-29T22:03:01.107 に答える