Google maps 在谷歌地图上显示到同一目的地的多条路线,可能吗?

Google maps 在谷歌地图上显示到同一目的地的多条路线,可能吗?,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我尝试创建多条到同一目的地的路由,所以我尝试循环这个函数,使用不同的params*startatlong值 function initialize() { var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); map = new google.maps.Map( docume

我尝试创建多条到同一目的地的路由,所以我尝试循环这个函数,使用不同的params*startatlong值

function initialize() {
    var directionsService = new google.maps.DirectionsService();
    var directionsDisplay = new google.maps.DirectionsRenderer();
    map = new google.maps.Map(
    document.getElementById("map_canvas"), {
        center: new google.maps.LatLng(-6.174465,106.822745),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    directionsService = new google.maps.DirectionsService();
    displayRoute(map.getCenter());
    displayRoute({lat:-6.225014,lng:106.900447})

}

function displayRoute(startLatLong) {
            var start = startLatLong;
            var end = '-6.2451528, 106.7923695'; 
            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);
                    var myRoute = response.routes[0];
                    var txtDir = '';
                    for (var i=0; i<myRoute.legs[0].steps.length; i++) {
                        txtDir += myRoute.legs[0].steps[i].instructions+"<br />";
                    }
                    document.getElementById('directions').innerHTML = txtDir;
                }
            });
    }
函数初始化(){
var directionsService=new google.maps.directionsService();
var directionsDisplay=new google.maps.DirectionsRenderer();
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新的google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
directionsService=new google.maps.directionsService();
显示路由(map.getCenter());
显示路线({lat:-6.225014,lng:106.900447})
}
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
var myRoute=response.routes[0];
var txtDir='';

对于(var i=0;i如果要同时显示多个方向,则需要为每个方向分别设置一个
DirectionsRenderer
对象:

function displayRoute(startLatLong) {
  var start = startLatLong;
  var end = '-6.2451528, 106.7923695'; 
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };

  $scope.directionsService.route(request, function(response, status) {
     if (status == google.maps.DirectionsStatus.OK) {
       var directionsDisplay = new google.maps.DirectionsRenderer({map:map, preserveViewport: true});
       directionsDisplay.setDirections(response);
     } else alert("directions request failed: status:"+status)
  });
}

代码片段:

var地理编码器;
var映射;
var$scope={};
函数初始化(){
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
$scope.directionsService=新的google.maps.directionsService();
显示路由(map.getCenter());
显示路线({
lat:-6.225014,
液化天然气:106.900447
});
显示路线({
lat:-6.202394,
液化天然气:106.65271
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
$scope.directionsService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
var directionsDisplay=新建google.maps.DirectionsRenderer({
地图:地图,
保存视口:true
});
方向显示。设置方向(响应);
}else警报(“指示请求失败:状态:“+状态”)
});
}
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

如果要同时显示多个方向,则需要为每个方向分别设置一个
方向渲染器
对象:

function displayRoute(startLatLong) {
  var start = startLatLong;
  var end = '-6.2451528, 106.7923695'; 
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };

  $scope.directionsService.route(request, function(response, status) {
     if (status == google.maps.DirectionsStatus.OK) {
       var directionsDisplay = new google.maps.DirectionsRenderer({map:map, preserveViewport: true});
       directionsDisplay.setDirections(response);
     } else alert("directions request failed: status:"+status)
  });
}

代码片段:

var地理编码器;
var映射;
var$scope={};
函数初始化(){
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
$scope.directionsService=新的google.maps.directionsService();
显示路由(map.getCenter());
显示路线({
lat:-6.225014,
液化天然气:106.900447
});
显示路线({
lat:-6.202394,
液化天然气:106.65271
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
$scope.directionsService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
var directionsDisplay=新建google.maps.DirectionsRenderer({
地图:地图,
保存视口:true
});
方向显示。设置方向(响应);
}else警报(“指示请求失败:状态:“+状态”)
});
}
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}