変数によってレイヤースタイルが異なる

Question

ページ上にいくつかのマップを表示したいのですが、基本的にはすべて同じですが、パラメータ値によって異なるレイヤーがあります。

私が書いたコードはすべてのマップ上にレイヤーを表示していますが、スタイルは常にループ内の変数の最後の値をとります。私の場合、常に2の値をとっています。

レイヤのスタイルがループの値に従っていないのは間違いです。

私が書いた私のスクリプトの一部は、あなたが期待しているようなスタイル機能がforループ内で実行されることはありません

for (variable = 0 ; variable <= 2 ; variable++){ 
    vectorLayers[variable] = new ol.layer.Vector({ 
    source: new ol.source.Vector({ 
     url: '/myLocation/myFiles', 
     format: new ol.format.GeoJSON() 
    }), 
    style: function(feature) { 
     id = feature.get('reading'+variable); 
     parameter = id[1]; 
     fill.setColor(
     parameter >= 0 && paramter < 0.10 ? lightBlue: 
     ...); 
     return style; 
     } 
    }); 

Answer 1

を以下の通りです。 forループは最初にすべてのレイヤーを作成し、各レイヤーの各フィーチャーに対してstyle関数が呼び出されます。それはなぜ変数の値が常に2になるのでしょうか。 慎重にデバッグしてください。

編集1： ベクトルレイヤーを作成してループ内で呼び出すメソッドを記述し、変数値を渡して値が正しく維持されるようにします。

for (variable = 0 ; variable <= 2 ; variable++){ 
    vectorLayers[variable] = createVectorLayer(variable); 
} 

function createVectorLayer(variable) { 
    var layer = new ol.layer.Vector({ 
    source: new ol.source.Vector({ 
     url: '/myLocation/myFiles', 
     format: new ol.format.GeoJSON() 
    }), 
    style: function(feature) { 
     id = feature.get('reading'+variable); 
     parameter = id[1]; 
     fill.setColor(
     parameter >= 0 && paramter < 0.10 ? lightBlue: 
     ...); 
     return style; 
     } 
    }); 
    return layer; 
}