openlayer 전략으로 특성 특성 변경

Question

기능의 특성 값을 사용자 지정 전략으로 변경하지만 기능을 그릴 때 기능에 새 특성 값이 적용되지 않습니다. http://jsfiddle.net/ccrafael/aXyqW/1/

감사 & 관련, 라파엘 :

OpenLayers.Strategy.LabelChange = OpenLayers.Class(OpenLayers.Strategy, { 

    activate: function() { 
     var activated = OpenLayers.Strategy.prototype.activate.call(this); 
     if(activated) { 
      this.layer.events.on({ 
       "moveend": this.filter, 
       scope: this 
      }); 
     } 
     return activated; 
    }, 

    deactivate: function() { 
     var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this); 
     if(deactivated) { 
      this.layer.events.un({ 
       "moveend": this.filter, 
       scope: this 
      }); 
     } 
     return deactivated; 
    }, 

    filter: function() { 
     console.log('labels updated'); 
     for (var i = 0; i < this.layer.features.length; i++) { 
      var f = this.layer.features[i]; 
      f.attributes.labelName = 'label updated'; 
     } 
    } 
}); 

var features = new Array(15); 

// create random reatures 
for (var i=0; i<features.length; i++) { 
    var x = (360 * Math.random()) - 180; 
    var y = (180 * Math.random()) - 90; 

    features[i] = new OpenLayers.Feature.Vector(
     new OpenLayers.Geometry.Point(x , y), 
     { 
      labelName: 'label '+ i 
     } 
    ); 
} 

var style = new OpenLayers.Style({ 
    strokeWidth:0, 
    pointRadius: 2, 
    fillOpacity:0, 
    label: "${labelName}", 
    fontColor: "#333333", 
    fontFamily: "sans-serif", 
    fontWeight: "bold", 
}); 

// Create a vector layer and give it your style map. 
var labels = new OpenLayers.Layer.Vector("labels", { 
    styleMap: new OpenLayers.StyleMap(style), 
    strategies:[new OpenLayers.Strategy.LabelChange()] 

}); 

labels.addFeatures(features); 

var map = new OpenLayers.Map({ 
    div: "map", 
    layers: [ 
     new OpenLayers.Layer.WMS(
      "OpenLayers WMS", 
      "http://vmap0.tiles.osgeo.org/wms/vmap0", 
      {layers: "basic"} 
     ), 
     labels 
    ], 
    center: new OpenLayers.LonLat(0, 0), 
    zoom: 1 
}); 

가 jsfiddle을 들으

이

는 내가 뭘 테스트입니다.

Answer 1

마지막으로 발견 된 방법은 레이어에서 피쳐를 제거하고 피쳐를 수정 한 다음 피쳐를 레이어에 다시 추가하는 것입니다. http://jsfiddle.net/ccrafael/aXyqW/2/

Answer 2

기본적으로 레이블은 업데이트되지 않지만 레이어를 다시 그리는 (축소/축소와 같은) 작업을 수행하면 레이블이 새로운 값으로 업데이트됩니다. 그래서 마지막에 레이어를 다시 그리기 위해 다음 줄을 추가하여 레이어를 다시 그려서 최신 속성 값을 가져옵니다.

// Added this line so features updates labelName with newly set attribute value. 
labels.redraw(); 

는 JSFiddle 업데이트 : http://jsfiddle.net/dWZw6/1/

희망이 당신을 도와줍니다.