Google方向箭头或渐变

时间:2014-06-04 11:48:15

标签: javascript google-maps google-maps-api-3

我正在创建一个自行车应用程序/服务,它使用一些参数为用户生成路径。所以例如我有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的var。现在你会得到这样的结果:map-example

点到点的彩色线条。但是没有更多的信息,所以我不想让用户清楚,他们应该去哪个方向。有人可以帮我弄这个吗? 我想将strokeColor设置为渐变,以便它将分为4种颜色,但我不知道如何将它设置为渐变。我的另一个(可能更好,更逻辑)选项是添加箭头,指示去哪里。

更多信息: 我的分数是一个数组(5分=开始,3分,开始)

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

您可以使用IconSequence

示例:

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

将其添加到polylineOptions