在繪製後附加樣式到要素

Question

我正在使用ol.Interaction.Draw在地圖上繪製多邊形。我想在繪製完個人特徵後對其進行設計。當我檢測到一個DRAWEND事件時，我嘗試將樣式附加到繪製的最後一個要素上，但只有一般圖層樣式出現在屏幕上，儘管我在通過調試器搜索要素本身時看到了它。

map.addInteraction(drawInter = new ol.interaction.Draw({   
       features: drawLayer.getFeatures(),      
       type: "Polygon" 
       })             
      ); 

drawInter.on('drawend', function(e) {       
    var style = new ol.style.Style({          
     fill: new ol.style.Fill({ color: newColor }) 
     }); 

    var features = drawLayer.getFeatures().getArray();     
    var last = features.length-1; 
    features[last].setStyle(style); 
}); 

Answer 1

你打電話setStyle功能未剛繪製的一個。這就是爲什麼剛剛繪製的功能沒有預期的風格。 （並考慮您的代碼其實我驚訝的是，繪製完成地圖上的功能仍然存在。）

你的代碼是不正確/怪在多個方面：

• 閱讀你的代碼，它聽起來就像你認爲向量層上每次調用getFeatures都會返回相同的數組。情況並非如此。每次調用getFeatures實際上都會返回一個新數組。

• 您將一組特徵傳遞給Draw交互（通過features選項）。這是不正確的。 features選項應爲ol.Collection。

• 在drawend回調中，事件對象（代碼中的e）包含對繪製特徵（e.feature）的引用。

所以，如果你想繪製的功能持續到一個矢量圖層，可以使用以下命令：

var draw = new ol.interaction.Draw({ 
    type: 'Polygon', 
    source: drawLayer.getSource() 
}); 

draw.on('drawend', function(e) { 
    var style = new ol.style.Style({ 
    // ... 
    }); 
    e.feature.setStyle(style); 
}); 

map.addInteraction(draw);