动态改变单张多边形的颜色？(Dynamically change the color of a po

对于任何人谁是熟悉的传单，你知道的方式来动态改变多边形的颜色？ 例如，取这样限定的圆：

window.circle = L.circle([51.508, -0.11], 500, {
color: 'red',
fillColor: '#ffffff',
    fillOpacity: 0.5
}).addTo(map);

再后来，一个用户点击后按钮某处在接口上（例如），我想改变这样的圆的颜色：

window.circle.options.fillColor = "#dddddd";

代码更改对window.circle.options.fillColor的值，但是变化不是由改变到地图上的多边形的色彩反射。 我四处搜寻，但没有发现任何东西。 有任何想法吗？

谢谢。

Answer 1:

L.Circle延伸L.Path （ http://leafletjs.com/reference.html#path ），有方法setStyle( <Path options> object ) ，并可以应用新的样式window.circle.setStyle({fillColor: '#dddddd'});

Answer 2:

如果您正在寻找这样的事情：

const circle = L.circle([lat, lng], {
   style: style,
   onEachFeature: onEachFeature,
});

这些选项可用于GeoJSON的数据，即：L.geojson（）......：d

因此，对于多边形。 尝试，

circle.setStyle({
    color: 'red'
});

文章来源: Dynamically change the color of a polygon in leaflet?