如何确认deck.gl中URL数据拉取状态并获取GeoJsonLayer图层要素

• 方案1：通过图层内置回调监听加载完成，第一时间拿到全量features
  当你给data属性传入URL时，deck.gl内部会自动完成数据拉取、GeoJSON解析流程，你只需要在初始化图层时传入onDataLoad和onDataError两个回调，就能精准捕获加载结果：

  import {GeoJsonLayer} from '@deck.gl/layers';
  
  const geoLayer = new GeoJsonLayer({
    id: 'my-geojson-layer',
    data: '你的目标数据源URL',
    // 其余渲染样式配置，比如fillColor、lineWidth、extruded等
    onDataLoad: (parsedGeojson) => {
      // 进入这个回调就代表数据已经拉取、解析完成，无运行报错
      console.log('GeoJSON数据加载完成');
      // parsedGeojson为标准GeoJSON格式对象，直接读取features属性即可拿到所有要素
      const allFeatures = parsedGeojson.features;
      console.log('图层当前全量要素：', allFeatures);
      // 可在此处将features存入组件状态/全局状态，供后续业务逻辑调用
    },
    onDataError: (error) => {
      // 拉取或解析失败时进入该回调
      console.error('数据加载异常：', error);
    }
  })
  

• 方案2：加载完成后任意时机从图层实例获取features
  如果需要在数据加载完成后的其他业务时机（比如用户触发查询、图层交互后）获取当前图层的要素，不需要重复请求接口，直接从图层实例上读取已缓存的解析后数据即可：

  // 从Deck实例中找到目标图层，React版本可通过ref拿到Deck实例
  const targetLayer = deckInstance.layers.find(layerItem => layerItem.id === 'my-geojson-layer');
  const layerData = targetLayer.props.data;
  
  // 数据未加载完成时，layerData的值就是最初传入的URL字符串；加载完成后会替换为解析好的GeoJSON对象
  if (typeof layerData !== 'string') {
    const allFeatures = layerData.features;
    // 执行后续业务逻辑
  }
  

注意：不建议在每帧渲染的逻辑里反复读取layer.props.data判断加载状态，优先使用onDataLoad回调处理加载完成的触发逻辑，避免不必要的性能损耗。

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