如何运行 Deck.gl 入门示例

Question

我是 react、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 上运行。我需要安装反应应用程序吗？这是如何运作的？

Answer 1

我们现在已经设置了非常简单的示例，您可以直接克隆并开始玩弄，即使您之前没有任何reactjs或deck.gl知识。

您只需要查看其中一个示例，让我们使用 webpack 2 hello-world 来完成。

首先，您需要访问MapBox 网站，创建一个帐户并生成一个 API 密钥，该密钥将用于渲染地图的图块。获得后，只需将其导出为环境变量：

export MAPBOX_ACCESS_TOKEN=42eufr5aeoushanoeu

然后你可以真正开始做以下事情：

export MAPBOX_ACCESS_TOKEN=42eufr5aeoushanoeu

你应该很高兴，app.js文件是唯一需要改变的东西，以便改变图层或地图本身。

_{免责声明：我在 Uber 与制作deck.gl 的可视化团队一起工作。}