openlayers-3 - 在 source.getFeatures() 中返回空的向量源

Question

我的应用中有如下矢量图层:

var vectorSource = new ol.source.Vector({
  format: new ol.format.GeoJSON(),
  crossOrigin:"Anonymous",
  url: 'http://localhost:8080/geoserver/wfs?service=WFS&' +
        'version=1.0.0&request=GetFeature&typename=genesis:Building_WGS&' +
        'outputFormat=application/json&srsname=EPSG:4326'
});


var vector1 = new ol.layer.Vector({
  source: vectorSource,
  style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'rgba(0, 0, 255, 1.0)',
      width: 2
    })
  })
});

当我运行它时，我可以在 map 上看到该图层。但问题是当我使用警报消息检查我看到为空的功能信息时。我感冒是这样的:

alert(vectorSource.getFeatures());

谁能建议我在这里做错了什么？感谢任何帮助。

AJ

Answer 1

您已经找到了解决方案，因此请注册该解决方案。

当您传递 url 参数时，ol.source.Vector是异步(AJAX)加载的，所以你必须等到它完全加载:

vectorSource.on('change', function(evt){
    var source=evt.target;
    if(source.getState() === 'ready'){
        console.info(vectorSource.getFeatures());
    }
});