Question

我想知道是否可以在TRANSIT部分更改Google Maps APIv3中显示的路径的颜色，其中使用不同的使用模式（如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}

suppressPolylines |布尔值|禁止折线的渲染。

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

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

另一个选项可能是（未经过测试）对返回的路线进行后处理，将不同的彩色片段发送到不同的DirectionRenderer调用，并为polylineOptions选项提供不同的值（颜色）。

谷歌地图中的路径着色

1 个答案: