Javascript 单张多色多段线

传单中是否有使用不同路径颜色制作一条多段线的选项

---

在google中，您可以使用带有颜色属性的路径对象，但我在传单中没有找到类似的选项。

有一些库，如 但是你不需要一个图书馆

您拥有“主”多段线，并由此生成新的线段

   var poly = L.polyline([
       [51.509, -0.08],
       [51.503, -0.06],
       [51.51, -0.047],
       [51.51, -0.06],
   ]);
//.addTo(map); Don't add the main line to the map

 setPolylineColors(poly,['#f00','#ff0','#000'])


 function setPolylineColors(line,colors){

   var latlngs = line.getLatLngs();

   latlngs.forEach(function(latlng, idx){
           if(idx+1 < latlngs.length ){
           var poly =  L.polyline([latlng,latlngs[idx+1]],{color: colors[idx]}).addTo(map);
        }
   })
 }

var poly=L.多段线([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047],
[51.51, -0.06],
]);
//.addTo（地图）；不要将主线添加到地图中
设置多段线颜色（多边形、['#f00'、'#ff0'、'#000']）
函数设置多段线颜色（线、颜色）{
var latlngs=line.getLatLngs（）；
latlngs.forEach（函数（latlng，idx）{
if（idx+1

---

示例：

我想到了这件事，但我不确定制作许多多段线是否是个好主意，因为这将是一堆多段线。