Question

我是react，js和deck.gl的新手，想从deck.gl运行基本的getting started example：

我在哪里放置此代码，我使用哪个扩展程序，是否需要其他文件，例如运行此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

修改：以下是有人试验deck.gl的最新演练资料来源：@github.NghiaTranUIT

看一下这些例子，有两点需要注意。

您需要数据字段中的数据

你需要反应和其他依赖

从入门

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的

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上的示例，以便更好地了解如何运行启动项目。

Answer 2

我们现在设置了非常简单的示例，您可以直接克隆并开始玩弄，即使您之前不了解reactjs或deck.gl。

你只需要去examples中的一个，让我们用webpack 2 hello-world来做。

在此之前，您需要转到MapBox website，创建一个帐户并生成一个API密钥，该密钥将用于呈现地图的图块。获得后，只需将其导出为环境变量：

export MAPBOX_ACCESS_TOKEN=42eufr5aeoushanoeu

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

git clone git@github.com:uber/deck.gl.git
cd examples/hello-world-webpack2
npm install
npm start

你应该好好去，app.js文件是唯一要改变图层或地图的文件。

_{免责声明：我在优步与可视化团队合作，制作了deck.gl。}

如何运行Deck.gl入门示例

2 个答案: