Question

i want to draw multiple polylines on the google map, for multiple routes. for this i am using google.maps.DirectionsService

function drawPolyline(source,destination,waypoints){
        // show route between the points
        directionsService = new google.maps.DirectionsService();
        directionsDisplay = new google.maps.DirectionsRenderer(
        {
            suppressMarkers: true,
            suppressInfoWindows: true
        });
        directionsDisplay.setMap(map);
        var request = {
            origin:source, 
            destination:destination,
            waypoints:waypoints,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);

            }
        });

      }

but when i call this method multiple times, only last polyline is appearing. and i want different colors for different polylines.

Answer 1

Directions lets you inspect the route: http://code.google.com/apis/maps/documentation/javascript/directions.html#InspectingResults

The DirectionsResult object has and array of routes[], which allows you to get a set of encoded polylines that makes up the route:

if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);
                myRoutes[]=response.routes[];

            }

如Scottux所述,你可以使用这些路线修建多线透支。

Answer 2

你们需要使用一条多线,而不是一条方向。

var line = new google.maps.Polyline({clickable:true,map:map,path:"some lat,lngs"});

Please look at the api here: http://code.google.com/apis/maps/documentation/javascript/reference.html#Polyline Options are listed here: http://code.google.com/apis/maps/documentation/javascript/reference.html#PolylineOptions

指导员在提纲上很灵活,只是简单方向功能的助手。

Answer 3

您实际上可以直观多个<代码>Directions Renderer,将其全部放在同一个地图上,并将在同一个地图上公布。

友情链接