OpenLayers中getFeatureById返回null，请求排查问题

核心问题1：getFeatureById的查找逻辑不匹配 #

OpenLayers的getSource().getFeatureById()方法，默认是查找GeoJSON要素顶级的id属性，而你的GeoJSON把id放在了properties对象内部，所以方法找不到对应要素，返回null。

你的原始GeoJSON结构：

{"type": "Feature", "geometry": { "type": "Point", "coordinates":  [0,0] }, "properties": { "id":"node/BP", ... } }

核心问题2：异步加载的时机问题 #

map.once('postrender')事件触发时，VectorSource的GeoJSON数据可能还没完成异步加载，此时调用getFeatureById自然获取不到要素。

解决方案 #

方案1：修改GeoJSON结构（推荐） #

把id从properties移到Feature的顶级属性，这样getFeatureById可以直接识别：

{"type": "Feature", "id": "node/BP", "geometry": { "type": "Point", "coordinates":  [0,0] }, "properties": { "ossz_tervkoltseg":"9045.1", ... } }

然后监听数据源加载完成的事件，确保数据就绪后再获取要素：

const prbGeoJSON = new ol.layer.VectorImage({
  source: new ol.source.Vector({ url: "./mli.geojson", format: new ol.format.GeoJSON() }),
  visible: true,
  title: "prbGeoJSON",
  style: function(feature, resolution){ ... } 
});

map.addLayer(prbGeoJSON);

// 监听数据源加载完成事件
prbGeoJSON.getSource().once('featuresloadend', function() {
  const feature = prbGeoJSON.getSource().getFeatureById("node/BP");        
  console.log(feature);
});

方案2：不修改GeoJSON，通过属性查找 #

如果无法修改GeoJSON文件，可以遍历所有要素，根据properties里的id匹配：

prbGeoJSON.getSource().once('featuresloadend', function() {
  const feature = prbGeoJSON.getSource().getFeatures().find(function(f) {
    return f.get('id') === 'node/BP';
  });
  console.log(feature);
});

内容的提问来源于stack exchange，提问作者Oha80