Ändern Sie die Farbe eines Polygons dynamisch in der Broschüre?

Question

Wenn Sie mit Leaflet vertraut sind, wissen Sie, wie Sie die Farbe eines Polygons dynamisch ändern können? Nehmen wir zum Beispiel einen Kreis wie folgt definiert:

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

Dann später, nachdem ein Benutzer auf eine Schaltfläche irgendwo auf einer Schnittstelle klickt (zum Beispiel), ich möchte, wie dies die Farbe des Kreises ändern:

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

Der Code ändert den Wert für window.circle.options.fillColor, aber die Änderung spiegelt sich nicht in einer Änderung der Farbe des Polygons auf der Karte wider. Ich habe gesucht, aber nichts gefunden. Irgendwelche Ideen?

Danke.

Answer 1

L.Circle erweitert L.Path (http://leafletjs.com/reference.html#path), das Verfahren hat setStyle(<Path options> object), und Sie können neuen Stil als window.circle.setStyle({fillColor: '#dddddd'});

Answer 2

anwenden Wenn Sie so etwas wie dies suchen:

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

Diese Optionen sind für GeoJSON Daten zB: L.geojson() .....: D

Also, für Polygon. Versuchen,

circle.setStyle({ 
    color: 'red' 

});