如何編輯Openlayers3中的選定文本？

Question

我現在正在做實習，這是我第一次接觸OL3。 我嘗試使用標記進行繪製和更改文本的演示。 但我發現我只能更改標記的所有文本，而不是更改選定的文本。 這是我製作的一個簡單的jsfiddle。

features: select.getFeatures() 

這不適合我，我想。 那麼我該怎麼做？

Answer 1

您可以將style變爲ol.FeatureStyleFunction()，以獲取存儲在該特徵中的屬性的標籤。

var style = function() { 
    return [ 
    new ol.style.Style({ 
     image: new ol.style.Icon({ 
     anchor: [0.5, 46], 
     anchorXUnits: 'fraction', 
     anchorYUnits: 'pixels', 
     opacity: 0.75, 
     src: '//openlayers.org/en/v3.8.2/examples/data/icon.png' 
     }), 
     text: new ol.style.Text({ 
     font: '12px Calibri,sans-serif', 
     fill: new ol.style.Fill({ color: '#000' }), 
     stroke: new ol.style.Stroke({ 
      color: '#fff', width: 2 
     }), 
     // get the text from the feature (`this` is the feature) 
     text: this.get('text') 
     }) 
    }) 
    ]; 
}; 

並更新文字，更新該屬性：

var features = select.getFeatures(); 
features.forEach(function(feature){ 
    feature.set('text', nameElement); 
}); 

http://jsfiddle.net/jonataswalker/b44nxco8/