快速上手

安装

引入组件库依赖可选择以下两种方式。

npm

组件是通过内网 npm 仓库发布的，使用前请确保已设置好内网 npm 源的 host：

10.0.35.249  repositories.myhexin.com
10.0.35.249  repositories-public.myhexin.com

然后在你的项目中添加组件库依赖：

$ npm install --save thsc-datav-paradigm-3d-globe

cdn

如果是外网开发，可以直接引入构建的 JS 文件：

// umd
<script src="path/to/bundle.umd.min.js"></script>;
const globeIns = new ThsDataV3DGlobe.Globe(dom);
globeIns.render({ theme, data });

// esm
import { Globe } from 'path/to/bundle.esm.min.js';
const globeIns = new Globe(dom);
globeIns.render({ theme, data });

CDN 资源地址（v0.0.0）

• bundle.umd.min.js
• bundle.esm.min.js

会同时提供压缩版本 (.min.js) 和未压缩版本 (.js)，前者为生产环境使用，后者可用于开发环境便于调试（还将提供相应的 sourcemap 文件）

---

历史版本

使用

将组件库依赖安装到项目后，即可使用组件库初始化一个图表组件：

import { Globe } from 'thsc-datav-paradigm-3d-globe';

// 生成随机数据
const N = 30;
const gData = [...Array(N).keys()].map(() => ({
  lat: (Math.random() - 0.5) * 180,
  lng: (Math.random() - 0.5) * 360,
  name: Array.from(Array(2 + Math.floor(Math.random() * 4)), _ => 'Test').join('')
}));

// 初始化一个图表实例
const globeIns = new Globe('#container');
globeIns.render({
  theme: 'dark',
  layers: {
    type: 'point',
    data: gData
  }
});

更多信息，查看配置项文档和 API 文档。