在传单中创建具有不同颜色的折线

vai*_*hah 1 javascript leaflet

我有一个函数可以创建多边形线并将折线添加到地图中

        function makeRoute(e)
    {
        if(pointsSelection.length > 0)
        {
            pointsSelection.push(e.target.getLatLng());
            var firstpolyline = new L.Polyline(pointsSelection, {
            color: 'blue',
            weight: 5,
            smoothFactor: 1
            });

            firstpolyline.addTo(map);

            pointsArrayCollection.push(pointsSelection);
            polyArrayCollection.push(firstpolyline);

            selection = [];
            pointsSelection = [];
        }
        else
        {
            alert("Please select more than one point");
        }
    }
Run Code Online (Sandbox Code Playgroud)

我的问题是它每次都添加相同颜色的线条.

我想每次都添加不同颜色的多边形线.

那么如何动态改变折线的颜色呢?

vai*_*hah 5

为了改变颜色,我使用随机颜色生成器功能.

使用get_random_color()代替'blue':

function get_random_color() 
{
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) 
    {
       color += letters[Math.round(Math.random() * 15)];
    }
return color;
}
Run Code Online (Sandbox Code Playgroud)