antv-l7/README.md

65 lines
1.6 KiB
Markdown
Raw Normal View History

2018-11-22 00:27:14 +08:00
# L7 Large-scale WebGL-powered Geospatial Data Visualization
2018-11-22 00:33:30 +08:00
[L7官网](http://antv.alipay.com/l7)
![版本](https://badgen.net/npm/v/@antv/l7)
![最近提交](https://badgen.net/github/last-commit/antvis/L7)
2018-11-22 00:27:14 +08:00
## 安装
###
### 加载高德地图
2018-11-23 10:54:21 +08:00
L7 目前底图采用高德地图,因此使用之前你还需要使用开发者 Key你可以使用适用于『Web端』开发者 Key。如果没有可以点击 [这里申请](https://lbs.amap.com/dev/key/)。
2018-11-22 00:27:14 +08:00
申请开发者 Key 是免费的。如果指定错误的版本号和开发者 Key将无法加载 L7。目前最新版本请参考[这里](https://lbs.amap.com/api/loca-api/changelog),如果不指定版本号,则使用最新版本。
2018-11-23 10:54:21 +08:00
在你的页面引入高德地图API
2018-11-22 00:27:14 +08:00
```html
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
2018-11-22 00:27:14 +08:00
```
### HTML 引入 L7
既可以通过将脚本下载到本地也可以直接引入在线资源;
```html
<!-- 引入在线资源 -->
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.l7-1.3.1/dist/l7.min.js"></script>
2018-11-22 00:27:14 +08:00
```
### 通过 npm 安装
我们提供了 L7 npm 包,通过下面的命令即可完成安装
```bash
npm i @antv/l7 --save
```
成功安装完成之后,即可使用 `import` 或 `require` 进行引用。
```javascript
import * as L7 from '@antv/l7';
2018-11-22 00:27:14 +08:00
// 新建Scene
```
2018-11-22 00:32:05 +08:00
[L7官网](http://antv.alipay.com/zh-cn/l7/1.x/index.html)
2018-11-22 00:27:14 +08:00
2018-10-23 19:32:42 +08:00
# L7
2018-11-22 00:27:14 +08:00
2018-10-23 19:32:42 +08:00
## Development
```bash
$ npm install
# run test case
$ npm run test-live
# build watching file changes and run demos
2019-08-01 18:23:38 +08:00
$ npm run start
2018-10-23 19:32:42 +08:00
# run demos
$ npm run demos
```
2019-08-01 18:23:38 +08:00