Javascript 谷歌方向箭头或渐变

我正在创建一个自行车应用程序/服务，它使用一些参数为用户生成路线。例如，我有4个点（起点、终点1、终点2和终点3），现在方向api计算从起点到起点的路线，并使用这些站点作为航路点。所以你得到：开始，停止1，停止2，停止3，开始。 我的方向有以下设置：

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
                }
            });

LineColor是在我的脚本开头设置的变量，设置为#550000。现在，您将得到如下内容：

从一点到另一点的彩色线。但是没有更多的信息，所以我不想让用户清楚，他们应该朝什么方向走。有人能帮我吗？ 我曾考虑过将strokeColor设置为渐变，以便将其分为4种颜色，但我不知道如何将其设置为渐变。我的另一个选择（可能更好、更符合逻辑）是添加箭头，指示旅行的目的地

更多信息： 我的点在一个数组中（5点=开始，3点停止，开始）

谢谢你的帮助

您可以使用

例如：

icons:[{repeat:'50px',icon:{path:google.maps.SymbolPath.FORWARD_CLOSED_ARROW}}]

将其添加到

polylineOptions