如何 运行 Deck.gl 入门示例
How to run the Deck.gl getting started examples
我是 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 上运行。
我需要安装反应应用程序吗？这是如何工作的？
编辑：
这是最近有人尝试 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 上的示例，以更好地了解如何 运行 启动项目。
我们现在已经设置了非常简单的示例，您可以直接克隆并开始玩弄，即使您之前没有任何关于 reactjs or 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 文件是唯一需要更改的内容，以便更改图层或地图本身。
免责声明：我在 Uber 与可视化团队一起工作 deck.gl。
我是 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 上运行。 我需要安装反应应用程序吗？这是如何工作的？
编辑：
这是最近有人尝试 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 上的示例，以更好地了解如何 运行 启动项目。
我们现在已经设置了非常简单的示例，您可以直接克隆并开始玩弄，即使您之前没有任何关于 reactjs or 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 文件是唯一需要更改的内容，以便更改图层或地图本身。
免责声明：我在 Uber 与可视化团队一起工作 deck.gl。