Programmiererforum

poly = new L.GeoJSON(polyArea[0], {
style:{
weight:2,
opacity:1,
fillOpacity:0.5,
className:"poly",
}
}).addTo(map)

stroke="grey"
stroke-opacity="1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
fill="grey"
fill-opacity="0.5"
fill-rule="evenodd" d="M332 ...(the whole path) 332z">

Ich füge meinem GeoJSON-Pfad eine Klasse mit dem Leaflet hinzu.
[code]poly = new L.GeoJSON(polyArea[0], {
style:{
weight:2,
opacity:1,
fillOpacity:0.5,
className:"poly",
}
}).addTo(map)
[/code]
Die Poly-Klasse wird neben der standardmäßigen leaflet-interactive-Klasse korrekt zum Pfadelement hinzugefügt.
[code]
stroke="grey"
stroke-opacity="1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
fill="grey"
fill-opacity="0.5"
fill-rule="evenodd" d="M332 ...(the whole path) 332z">
[/code]
Wenn ich jedoch einen Stil zur Poly-Klasse hinzufügen möchte, sagen wir „übergang: alle 500 ms easy-in-out“, um einen reibungslosen Übergang zu ermöglichen. Es funktioniert nicht.
Aber wenn ich den gleichen Stil zu :global(.leaflet-interactive) hinzugefügt habe, funktioniert es. Es löst mein Problem. Aber ich frage mich, warum das direkte Hinzufügen des Stils zur Klasse nicht funktioniert?