如何更改折线的笔触颜色?

dis*_*ast 0 javascript leaflet leaflet.draw

我的Web应用程序允许用户在其上绘制折线。我想为用户提供更改折线的笔触颜色的选项。

我在控制台日志中查看了折线对象。在options属性中,有一个称为color的属性。我已经试过了。

selectedLayer.options.color = "#2196F3";
Run Code Online (Sandbox Code Playgroud)

和这个。

selectedLayer.color = "#2196F3";
Run Code Online (Sandbox Code Playgroud)

和这个。

selectedLayer.setStyle({ color: "#2196F3"});
Run Code Online (Sandbox Code Playgroud)

笔触颜色应该已更改,但未更改。创建折线后,设置折线笔触颜色的正确方法是什么?据我所知,这与多边形的fillColor属性无关。

saa*_*ali 6

使用最新版本的传单1.5。下面的代码将为您服务。

var polyline = new L.Polyline([
  [-45, 45],
  [45, -45]
], {
  color: 'green',
  weight: 5,
  opacity: 0.5
}).addTo(map);

map.fitBounds(polyline.getBounds());
polyline.setStyle({color:'#2196F3'});
Run Code Online (Sandbox Code Playgroud)

最初设置的绿色已由您提到的颜色替换