javascript - 动态改变传单中多边形的颜色？

Question

对于熟悉Leaflet的人来说，你知道一种动态改变多边形颜色的方法吗？例如，采用如下定义的圆:

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 的值，但 map 上多边形颜色的更改并未反射(reflect)此更改。我四处搜寻但没有发现任何东西。有什么想法吗？

谢谢。

Answer 1

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