使用eck.gl和nebula.gl的特定geojson URL在我的反应应用程序中不起作用

问题描述

我正在尝试显示世界上每个国家/地区的多边形，此位置在国家/地区URL内，但这并不能使我得到想要的多边形，而是将其用作字符串。虽然在示例中无法获取数据，但是您可以访问站点本身。 https://codesandbox.io/s/deckgl-and-nebulagl-editablegeojsonlayer-no-react-forked-08hvs?file=/app.js

  const countries = 'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_50m_admin_0_scale_rank.geojson';

    console.log(countries)

    const layerGeo = new EditableGeoJsonLayer({
        id: 'geojson-layer',data: countries,mode: viewmode,onClick: d => console.log(d)
    })


<DeckGL
  initialViewState={viewState}
  controller={true}
  layers={layerGeo}
  getTooltip={getTooltip}
  views={new MapView({repeat: true})}
>
 <StaticMap
  mapStyle='mapBox://styles/mapBox/streets-v11'
  mapBoxApiAccesstoken={MAPBox_TOKEN}
 />
</DeckGL>

如何在不复制文件并自己存储的情况下从URL获取此数据。

解决方法

我没有下载URL，而是下载了文件并将其导入到应用程序本身，从而消除了此问题。

,

从documentation：sum =0; for(int i=0;i<N;i++) sum += 10*i; for(int j=0; j<n; j++) sum += j; 选项接受javascript对象。在示例代码中，您将URL作为字符串传递。

尝试首先获取url，然后将响应数据解析为对象。最后，您可以输入data选项：

data