열린 레이어에서 벡터 레이어의 벡터 요소 수를 얻는 방법 3

Question

OL3 벡터 레이어에있는 피쳐의 수를 계산하는 방법을 아는 사람이 있습니까?

다음과 같이 내 벡터 레이어가 정의

, 나는 현재 렌더링되는 얼마나 많은 이상적으로는 얼마나 많은 요소를 알고, 그리고 것 다음 (GeoJSON) 기능이로드되면

var styleCache = {}; 
var WFS_layer_Traffic_Lights = new ol.layer.Vector({ 
source : new ol.source.GeoJSON({ 
    projection : 'EPSG:3857', 
    url : "Vector_Data/Traffic_Lights_Bordeaux.geojson" 
}), 


style : function(feature, resolution) { 

    var path; 
    var x_anchor; 
    var y_anchor;  

    if(resolution < 4){ 
    path = 'Icons/Traffic_Lights_Sign_Icon_Small.png'; 
    x_anchor = 23; 
    y_anchor = 90; 
    } 
    if(resolution >= 4 && resolution < 10){ 
    path = 'Icons/Traffic_Lights_Sign_Small.png'; 
    x_anchor = 16; 
    y_anchor = 16; 
    }  
    if(resolution >= 10){ 
    path = 'Icons/Traffic_Lights_Sign_Tiny.png';   
    x_anchor = 10; 
    y_anchor = 10; 
    } 


    if (!styleCache[path]) { 
     styleCache[path] = [new ol.style.Style({ 
      fill : new ol.style.Fill({ 
       color : 'rgba(255, 255, 255, 0.1)' 
      }), 
      stroke : new ol.style.Stroke({ 
       color : '#319FD3', 
       width : 1 
      }), 
      image: new ol.style.Icon(({ 
        anchor: [x_anchor, y_anchor], 
        anchorXUnits: 'pixels', 
        anchorYUnits: 'pixels', 
        src: path 
       })), 
      text : new ol.style.Text({ 
       font : '12px Calibri,sans-serif', 
       text : "", 
       fill : new ol.style.Fill({ 
        color : '#000' 
       }), 
       stroke : new ol.style.Stroke({ 
        color : '#fff', 
        width : 4 
       }) 
      }), 
      zIndex : 1 
     })]; 
    } 
    return styleCache[path]; 
} 
}); 

Answer 1

당신이 할 수있는 벡터 소스에 getFeatures을 호출하여 벡터 소스에 포함 된 기능에 대한 참조가있는 배열을 가져옵니다. 따라서 기능의 수를 얻으려면 다음을 사용할 수 있습니다.

var featureCount = vectorLayer.getSource().getFeatures().length; 

위에서 언급했듯이이 작업을 수행하려면 소스를로드해야합니다. url 옵션을 소스 생성자에 전달하면 소스는 Ajax 요청을 사용하여 기능을 다운로드합니다. 이것은 비동기 적으로 발생합니다. 즉, 소스에는 구성 후 기능이 포함되지 않습니다.

당신은이 장전 할 때 알고 벡터 소스에 change 리스너를 등록 할 수 있습니다 :

var vectorSource = vectorLayer.getSource(); 
var listenerKey = vectorSource.on('change', function(e) { 
    if (vectorSource.getState() == 'ready') { 
    var featureCount = vectorSource.getFeatures().length; 
    // ... 
    ol.Observable.unByKey(listenerKey); 
    // use vectorSource.unByKey(listenerKey) instead 
    // if you do use the "master" branch of ol3 
    } 
}); 

편집 :이 이벤트 이름으로 change에 change:state에서 변경 편집.