$ yarn add gde$ git clone https://github.com/geocompass/geoc-chart.git
$ cd geoc-chart/
$ npm run build
$ lib/gde.min.js
<div id="gde-geoc_text"></div>
<div id="gde-geoc_multilinetext"></div>
<div id="gde-g2plot_pie"></div>
<div id="gde-mapbox"></div>import Gde from 'gde';
Gde.accessToken = '';
new Gde('gde-geoc_text', '4c2d467e-fc82-4ca1-bc73-fec59242c330');
new Gde('gde-geoc_multilinetext', 'b8adc5bf-d86b-4810-86b3-f0792c369bea');
new Gde('gde-g2plot_pie', 'c0190da6-e803-48a8-9266-32f7e44a5690');
new Gde('gde-mapbox', '65eec7ab-64e7-4922-97cb-c9962233b967');| 属性 | 类型 | 必填 | 说明 | 示例 |
|---|---|---|---|---|
| accessToken | String | 是 | 内部服务请求参数token |
'xxx-xxx-xxx' |
| container | String | 是 | 图表渲染容器container |
'gde-geoc_text' |
| chartId | String | 是 | 内部服务请求参数chartId |
'4c2d467e-fc82-4ca1-bc73-fec59242c330' |
- 服务权限
accessToken。 - 通过服务
/datavisual/dashbord_info请求图表chartId列表。 - Packet size
$ npm run build
$ npm link$ npm link gdeG2Plot 使用文档
Mapbox 使用文档
Geoc 使用文档
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent