谷歌地图中的路径着色

Question

我想知道是否可以更改 Google Maps APIv3 中显示的路径颜色，特别是在 TRANSIT 部分，其中使用 BUS、RAIL 和 WALKING 等不同的使用模式来显示结果。

我可以更改这些不同模式的显示颜色吗？目前步行模式为黑色，其他模式为天蓝色。

我的代码是：

function calcRouteM() 
{
    var start = document.getElementById('DropDownList1').value;
    var end = document.getElementById('DropDownList2').value;
    var request = {
        origin: start,
        destination: end,
        provideRouteAlternatives: true,
        unitSystem: google.maps.UnitSystem.METRIC,
        travelMode: google.maps.DirectionsTravelMode.TRANSIT,
        transitOptions: {
              departureTime: new Date(1362799800000)
        }
    };
    directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
         directionsDisplay.setDirections(response);
    }
  });
}

Answer 1

如果您不使用 DirectionsRenderer 显示和渲染它们，您可以更改折线的颜色。

DirectionsRendererOptions{suppressPolylines: false}

抑制折线 |布尔值 |抑制多段线的渲染。

然后处理结果对象，创建具有所需颜色的折线。

Example of custom rendering a route（你可能只需要做折线）

另一个选项可能是（未测试）对返回的路线进行后期处理，将不同颜色的片段发送到具有不同值（颜色）的不同 DirectionsRenderer 调用，用于 polylineOptions 选项。