在谷歌地图上显示多个路线 [英] Displaying multiple routes on a google map

问题描述

我试图在同一张地图上显示多条路线，但无法这样做。

I am trying to display multiple routes on same map but am unable to do so.

不管我做什么，我只得到一条路线。

No matter what I do I get only one route.

function calcRoute() {
        var start = document.getElementById('start').value;
        var end = document.getElementById('end').value;
        var request = {
          origin: start,
          destination: end,
          travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) {
          if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
          }
        });
      }

任何指针都会有帮助。

推荐答案

我有同样的问题。 此主题在谷歌地图的谷歌地图上显示了如何去做。

I had the same problem. This thread on a Google group for Google maps shows how to do it.

作者（Google员工）写道：
$ b

The author (a Google employee), wrote this:

您应该可以创建两个DirectionsRenderer对象，每个对象都是
使用相同的地图和不同的DirectionsResults。

You should be able to create two DirectionsRenderer objects, each that use the same map and different DirectionsResults.

var map = new google.maps.Map(document.getElementById("map_canvas"));
function renderDirections(result) {
  var directionsRenderer = new google.maps.DirectionsRenderer;
  directionsRenderer.setMap(map);
  directionsRenderer.setDirections(result);
}

var directionsService = new google.maps.DirectionsService;
function requestDirections(start, end) {
  directionsService.route({
    origin: start,
    destination: end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  }, function(result) {
    renderDirections(result);
  });
}
requestDirections('Huntsville, AL', 'Boston, MA');
requestDirections('Bakersfield, CA', 'Vancouver, BC');

我试过了，它确实有效。

I tried it and it does work.

这篇关于在谷歌地图上显示多个路线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！