javascript - Google 路线箭头或渐变

Question

我正在创建一个自行车应用程序/服务，它使用一些参数为用户生成一条路线。例如，我有 4 个点(start_point、stop1、stop2 和 stop3) 现在，Directions api 计算从 start_point 到 start_point 的路线，并使用停靠点作为路径点。所以你得到:开始，停止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
                }
            });

lineColour 是在我的脚本开头设置的 var #550000。现在你会得到这样的信息:map-example

一条从点到点的彩色线。但由于没有更多信息，所以我不希望用户清楚他们应该朝哪个方向走。有人可以帮我弄这个吗？我考虑过将描边颜色设置为渐变，以便将其分为 4 种颜色，但我不知道如何将其设置为渐变。我的另一个(也许更好、更逻辑)选择是添加指示前往何处的箭头。

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

感谢您的帮助!

Answer 1

您可以使用IconSequence ,

示例:

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

将其添加到polylineOptions