如何运行Deck.gl入门示例

Question

我是一个反应、js和deck.gl方面的新手，我想从deck.gl运行基本的入门示例：

我应该将这些代码放在哪里，使用哪个扩展名，是否需要其他文件(例如app.js )来运行：

import DeckGL from 'deck.gl/react';
import {ArcLayer} from 'deck.gl';

const flights = new ArcLayer({
  id: 'flights',
  data: [] // Some flight points
});

<DeckGL width={1920} height={1080} layers={[flights]} />

对于这个含糊不清的问题，我真的很抱歉，但我真的很想得到必要的步骤来让这个例子在Mac上工作。我需要安装一个react应用程序吗？这是怎么回事？

Answer 1

编辑：这是最近一个很好的关于尝试使用deck.gl的人的演练

来源：@github.NghiaTranUIT

看看这些例子，有两件事值得注意。

1. 您需要数据字段中的数据。
2. 你需要反应和其他的依赖

从入门

import DeckGL from 'deck.gl/react';
import {ArcLayer} from 'deck.gl';

const flights = new ArcLayer({
  id: 'flights',
  data: [] // data field needs to have data
});

<DeckGL width={1920} height={1080} layers={[flights]} />

它们忽略了数据应该如何构造(因此，您可能会遇到问题)。

另一件事是，库依赖于使用react。

来自hello-world-webpack2 2

package.json

"dependencies": {
  "deck.gl": "^4.0.0-rc.3",
  "immutable": "^3.8.1",
  "luma.gl": "^3.0.0",
  "react": "^15.4.1",
  "react-dom": "^15.4.1",
  "react-map-gl": "^2.0.0"
},

因此，按照这些示例，您需要使用deck.gl来运行您自己的项目。

我建议查看github上的示例，以便更好地理解如何运行初学者项目。