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)
我的问题是它每次都添加相同颜色的线条.
我想每次都添加不同颜色的多边形线.
那么如何动态改变折线的颜色呢?
为了改变颜色,我使用随机颜色生成器功能.
使用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)