ランタイム中にリーフレットレイヤーにCSSクラスを追加します。

Question

マップ上にリーフレットを使用して円のレイヤーを描画しています（複数のレイヤーが複数の円で構成されています）。

私はfeaturegroup上のすべてのレイヤを保存しました：

：私は円の新しいfeaturegroupを作成し、globalLayerにfeaturegroupを追加することによってそれに新しい円を追加している

this.globalLayer = L.featureGroup(); 

let circleLayer: L.featureGroup(); 

let point1 = L.circle([pos_lat, pos_long], {color: color, opacity: 1, 
radius: radius}); 
let point2 = L.circle([pos_lat, pos_long], {color: color, opacity: 1, 
radius: radius}); 
circleLayer.addLayer(point1); 
circleLayer.addLayer(point2); 
// etc. 

this.globalLayer.addLayer(circleLayer); 

今、私はいくつかの層にCSSクラスを追加したい：

for (let cssLayer of cssLayers) { // cssLayers is a L.featureGroup[] 
    this.globalLayer.removeLayer(cssLayer); 
    cssLayer.setStyle({className: 'animate'}); 
    this.globalLayer.addLayer(cssLayer); 
} 

このレイヤーには多くの円が含まれているため、計算に時間がかかります。削除して再度追加することなくCSSクラスを追加する方法はありますか？私は現在、この問題を回避する溶液でタイプL.Layer

JsFiddle上に存在しない

this.globalLayer.eachLayer(layer => { 
    layer.setStyle({className: 'animate'}) 
}); 

しかしsetStyle()を試してみた

Answer 1

あなたが前に対応する層にクラスを追加する必要があります。

circleLayer1.setStyle({className: 'myListener'}); 

01など他のラベルに追加します

$('#blink').click(function() { 
    $(".myListener").addClass("blink"); 
}); 

Fiddle：

とは、あなたが望む、このクラスをいつでも見つけることができます。