谷歌方向箭头或梯度

我正在创建一个自行车应用程序/服务，它使用一些参数为用户生成一条路线。因此，例如我有4个点(start_point,stop1,stop2和stop3)，现在方向api计算从start_point到start_point的路线，并使用站点作为路点。得到:start, stop1, stop2, stop3，， start。我的方向设置如下:

renderArray[i] = new google.maps.DirectionsRenderer();
            renderArray[i].setMap(map);
            renderArray[i].setOptions({
                    drawingControl: true,
                polylineOptions: {
                    strokeWeight: strokeWeight,
                    strokeOpacity: strokeOpacity,
                    strokeColor: lineColour
                },
                markerOptions:{
                    visible: false
                }
            });

lineColour是一个变量，在我的脚本开始设置为#550000。现在您将得到如下内容:map-example

点与点之间的彩色线。但是没有更多的信息，所以我不想让用户清楚，他们应该往哪个方向走。有人能帮我一下吗?我想过将strokeColor设置为渐变，以便将其分为4种颜色，但我不知道如何将其设置为渐变。我的另一个选择(可能更好，更合乎逻辑)是添加箭头，指示旅行到哪里。

更多信息:我的分数在一个数组中(5分=开始，3次停止，开始)

谢谢你的帮助!