p90524618
/
antv-l7
mirror of https://gitee.com/antv-l7/antv-l7
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

docs(image): zip image

This commit is contained in:
thinkinggis 2019-11-21 23:27:01 +08:00
parent e9f1c94ac6
commit 27c4ac00a5
29 changed files with 179 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.travis.yml
View File

@ -2,9 +2,13 @@ sudo: false
language: node_js language: node_js
node_js: node_js:
- '12' - '12'
env:
matrix:
- TEST_TYPE=ci
- NODE_ENV=test
branches: branches:
only: only:
- next - master
install: install:
- yarn install - yarn install
script: script:

9
CHANGELOG.md Normal file
View File

@ -0,0 +1,9 @@
## 2019.11.22
### L7 2.0 beta
- 新架构
- 多地图引擎

8
README.md
View File

@ -5,13 +5,9 @@
L7 Large-scale WebGL-powered Geospatial data visualization analysis framework L7 Large-scale WebGL-powered Geospatial data visualization analysis framework
<video id="video" controls="" preload="none" poster="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*rjkiQLCoZxUAAAAAAAAAAABkARQnAQ"> ## l7 visualization demos
<source id="mp4" src="https://gw.alipayobjects.com/mdn/antv_site/afts/file/A*viKwSJl2OGIAAAAAAAAAAABkARQnAQ"; type="video/map4">
<source id="webm" src="https://gw.alipayobjects.com/os/basement_prod/65d5dbe8-d78d-4c6b-9318-fa06b1456784.webm" type="video/webm">
<source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
![l7 demo](https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*zOFwTJ9wHXQAAAAAAAAAAABkARQnAQ)
### Installation ### Installation

10
README.zh.md
View File

@ -2,12 +2,10 @@
L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location，7 代表世界七大洲，寓意能为全球位置数据提供可视分析的能力。L7 以图形符号学为理论基础，将抽象复杂的空间数据转化成 2D、3D 符号，通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。 L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location，7 代表世界七大洲，寓意能为全球位置数据提供可视分析的能力。L7 以图形符号学为理论基础，将抽象复杂的空间数据转化成 2D、3D 符号，通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。
<video id="video" controls="" preload="none" poster="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*rjkiQLCoZxUAAAAAAAAAAABkARQnAQ">
<source id="mp4" src="https://gw.alipayobjects.com/mdn/antv_site/afts/file/A*viKwSJl2OGIAAAAAAAAAAABkARQnAQ"; type="video/map4"> ## l7 visualization demos
<source id="webm" src="https://gw.alipayobjects.com/os/basement_prod/65d5dbe8-d78d-4c6b-9318-fa06b1456784.webm" type="video/webm">
<source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg"> ![l7 demo](https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*zOFwTJ9wHXQAAAAAAAAAAABkARQnAQ)
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
### Installation ### Installation

2
docs/api/layer/linelayer.zh.md
View File

@ -24,7 +24,7 @@ order: 2
y: 'lat1', y: 'lat1',
x1: 'lng2', x1: 'lng2',
y1: 'lat2', y1: 'lat2',
}, }
}) })
``` ```

23
docs/api/quickstart.en.md
View File

@ -6,7 +6,7 @@ redirect_from:
--- ---
# 使用方法 # 使用方法
L7 提供三种使用方式：CDN、Submodule 以及 React 组件。 L7 提供三种使用方式：CDN、Submodule。
## 通过 CDN 使用 ## 通过 CDN 使用
@ -34,17 +34,17 @@ L7 提供三种使用方式：CDN、Submodule 以及 React 组件。
## 通过 Submodule 使用 ## 通过 Submodule 使用
首先通过 `npm/yarn` 安装 `@antv/l7` 和 `@l7/layers`： 首先通过 `npm/yarn`
```bash ```bash
npm install --save @l7/scene @l7/layers npm install --save @antv/l7
// or
yarn add @l7/scene @l7/layers yarn add npm install --save @antv/l7
``` ```
然后就可以使用其中包含的场景和各类图层： 然后就可以使用其中包含的场景和各类图层：
```typescript ```typescript
import { Scene } from '@l7/scene'; import { Scene, PolygonLayer } from '@antv/l7';
import { PolygonLayer } from '@l7/layers';
(async function() { (async function() {
// 获取数据 // 获取数据
@ -90,12 +90,6 @@ import { PolygonLayer } from '@l7/layers';
})(); })();
``` ```
最后在 `<head>` 中引入 L7 CDN 版本的 CSS 文件：
```html
<head>
<link href='https://api.l7/v2.0.0-beta/l7.css' rel='stylesheet' />
</head>
```
L7 目前的文档都通过这种方式使用，可以参考项目中的 stories： L7 目前的文档都通过这种方式使用，可以参考项目中的 stories：
* [高德地图](https://github.com/antvis/L7/blob/next/stories/MapAdaptor/components/AMap.tsx) * [高德地图](https://github.com/antvis/L7/blob/next/stories/MapAdaptor/components/AMap.tsx)
@ -106,8 +100,7 @@ L7 目前的文档都通过这种方式使用，可以参考项目中的 stories
React 组件待开发，目前可以暂时以 Submodule 方式使用： React 组件待开发，目前可以暂时以 Submodule 方式使用：
```tsx ```tsx
import { Scene } from '@l7/scene'; import { Scene, PolygonLayer} from '@antv/l7';
import { PolygonLayer } from '@l7/layers';
import * as React from 'react'; import * as React from 'react';
export default class AMap extends React.Component { export default class AMap extends React.Component {

28
docs/api/quickstart.zh.md
View File

@ -6,15 +6,16 @@ redirect_from:
--- ---
# 使用方法 # 使用方法
L7 提供三种使用方式：CDN、Submodule 以及 React 组件。 # 使用方法
L7 提供三种使用方式：CDN、Submodule。
## 通过 CDN 使用 ## 通过 CDN 使用
首先在 `<head>` 中引入 L7 CDN 版本的 JS 和 CSS 文件： 首先在 `<head>` 中引入 L7 CDN 版本的 JS 和 CSS 文件：
```html ```html
<head> <head>
<script src='https://api.l7/v2.0.0-beta/l7.js'></script> <script src='https://gw.alipayobjects.com/os/antv/pkg/_antv.l7-2.0.0-beta.5/dist/l7.js'></script>
<link href='https://api.l7/v2.0.0-beta/l7.css' rel='stylesheet' />
</head> </head>
``` ```
@ -35,17 +36,17 @@ L7 提供三种使用方式：CDN、Submodule 以及 React 组件。
## 通过 Submodule 使用 ## 通过 Submodule 使用
首先通过 `npm/yarn` 安装 `@l7/scene` 和 `@l7/layers`： 首先通过 `npm/yarn`
```bash ```bash
npm install --save @l7/scene @l7/layers npm install --save @antv/l7
// or
yarn add @l7/scene @l7/layers yarn add npm install --save @antv/l7
``` ```
然后就可以使用其中包含的场景和各类图层： 然后就可以使用其中包含的场景和各类图层：
```typescript ```typescript
import { Scene } from '@l7/scene'; import { Scene, PolygonLayer } from '@antv/l7';
import { PolygonLayer } from '@l7/layers';
(async function() { (async function() {
// 获取数据 // 获取数据
@ -91,12 +92,6 @@ import { PolygonLayer } from '@l7/layers';
})(); })();
``` ```
最后在 `<head>` 中引入 L7 CDN 版本的 CSS 文件：
```html
<head>
<link href='https://api.l7/v2.0.0-beta/l7.css' rel='stylesheet' />
</head>
```
L7 目前的文档都通过这种方式使用，可以参考项目中的 stories： L7 目前的文档都通过这种方式使用，可以参考项目中的 stories：
* [高德地图](https://github.com/antvis/L7/blob/next/stories/MapAdaptor/components/AMap.tsx) * [高德地图](https://github.com/antvis/L7/blob/next/stories/MapAdaptor/components/AMap.tsx)
@ -107,8 +102,7 @@ L7 目前的文档都通过这种方式使用，可以参考项目中的 stories
React 组件待开发，目前可以暂时以 Submodule 方式使用： React 组件待开发，目前可以暂时以 Submodule 方式使用：
```tsx ```tsx
import { Scene } from '@l7/scene'; import { Scene, PolygonLayer} from '@antv/l7';
import { PolygonLayer } from '@l7/layers';
import * as React from 'react'; import * as React from 'react';
export default class AMap extends React.Component { export default class AMap extends React.Component {

2
docs/api/scene.en.md
View File

@ -34,7 +34,7 @@ L7 地理可视化 地图，图层，组件，以及可视化所需要的资源
示例代码 示例代码
```javascript ```javascript
import {Scene} from '@antv/scene'; import { Scene } from '@antv/l7';
const scene =new L7.Scene({ const scene =new L7.Scene({
id:'map', id:'map',
mapStyle:'dark', mapStyle:'dark',

3
docs/api/source/source.zh.md
View File

@ -95,7 +95,8 @@ const data = [{
  lng2:112.345,   lng2:112.345,
lat2:30.455, lat2:30.455,
value: 10 value: 10
},{ },
{
 lng1:114.345,  lng1:114.345,
lat1:31.455, lat1:31.455,
  lng2:112.345,   lng2:112.345,

12
examples/gallery/basic/demo/meta.json
View File

@ -7,33 +7,33 @@
{ {
"filename": "column_dark.js", "filename": "column_dark.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*WkpEQqzuM-oAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*7COqR4wCc6QAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "arcCircle.js", "filename": "arcCircle.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*FTp1Roy34qgAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6Qm_QY69sBMAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "bus_dark.js", "filename": "bus_dark.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*c80NRaMfGLAAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*j-P8RaJMEvAAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "light.js", "filename": "light.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*HxpoRIcBA80AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*SLcGSbvZoEwAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "point.js", "filename": "point.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Xp7iRaORYuIAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ypZCT6pqv84AAAAAAAAAAABkARQnAQ"
} }
, ,
{ {
"filename": "normal.js", "filename": "normal.js",
"title": "", "title": "",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Kva7R7AimzsAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*xr8BQouXGvoAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

8
examples/heatmap/grid/demo/meta.json
View File

@ -7,24 +7,24 @@
{ {
"filename": "china.js", "filename": "china.js",
"title": "网格热力图", "title": "网格热力图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*anD-Q4u83R0AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*XPBuSIPPgsgAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "grid1.js", "filename": "grid1.js",
"title": "", "title": "",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*tAGKS6EClQ4AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Uo9oQolgoxYAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "heatmap3.js", "filename": "heatmap3.js",
"title": "网格布局 圆形", "title": "网格布局 圆形",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6cA0R6us9osAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Ucz6SJ5wU_0AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "world.js", "filename": "world.js",
"title": "网格热力图", "title": "网格热力图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6danQJDzkyoAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*f1IDQ7AG-00AAAAAAAAAAABkARQnAQ"
} }

6
examples/heatmap/heatmap/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "heatmap.js", "filename": "heatmap.js",
"title": "经典热力图2D", "title": "经典热力图2D",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*9zUcSK07PHgAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*QstiQq4JBOIAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "heatmap_purple.js", "filename": "heatmap_purple.js",
"title": "经典热力图2D", "title": "经典热力图2D",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*DFwET7xJTA8AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*GD2bR7pb-yIAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "heatmap3d.js", "filename": "heatmap3d.js",
"title": "经典热力图3D", "title": "经典热力图3D",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*K_nOTa1C7PoAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*dmhzTqrHpR4AAAAAAAAAAABkARQnAQ"
} }
] ]

8
examples/heatmap/hexagon/demo/meta.json
View File

@ -6,22 +6,22 @@
"demos": [ { "demos": [ {
"filename": "china.js", "filename": "china.js",
"title": "蜂窝热力图", "title": "蜂窝热力图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*bx-9TqimungAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*hLVeSqPl9asAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "light.js", "filename": "light.js",
"title": "蜂窝热力图", "title": "蜂窝热力图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*HxpoRIcBA80AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*SLcGSbvZoEwAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "hexagon.js", "filename": "hexagon.js",
"title": "蜂窝热力图", "title": "蜂窝热力图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*rjkiQLCoZxUAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*JBibTKlhhWQAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "world.js", "filename": "world.js",
"title": "蜂窝热力图", "title": "蜂窝热力图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*C3V7ToIoEvkAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*0uVgSoxXP-cAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

8
examples/line/arc/demo/meta.json
View File

@ -7,23 +7,23 @@
{ {
"filename": "arcCircle.js", "filename": "arcCircle.js",
"title": "大圆弧线", "title": "大圆弧线",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*FTp1Roy34qgAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6Qm_QY69sBMAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "arc.js", "filename": "arc.js",
"title": "弧线", "title": "弧线",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gdcqTa6UCsYAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ue-SRJEKUqwAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "trip_arc_dark.js", "filename": "trip_arc_dark.js",
"title": "3D 弧线", "title": "3D 弧线",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*jXsbSYCqLu8AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*JjUcTZ8-PC8AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "trip_arc.js", "filename": "trip_arc.js",
"title": "3D 弧线", "title": "3D 弧线",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*29BZTqIJkuEAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*xvaaQo2c0gMAAAAAAAAAAABkARQnAQ"
} }
] ]

6
examples/line/isoline/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "ele.js", "filename": "ele.js",
"title": "等高线", "title": "等高线",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*FGliTJ7eSBIAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*p6LsTp3M144AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "ele_dark.js", "filename": "ele_dark.js",
"title": "等高线", "title": "等高线",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*X1LgSKQbrD0AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*jJd0Qq_E3_UAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "isoline.js", "filename": "isoline.js",
"title": "等高线", "title": "等高线",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*YBNRRrk5IV4AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RLvsSbS4PJMAAAAAAAAAAABkARQnAQ"
} }
] ]

8
examples/line/path/demo/meta.json
View File

@ -7,22 +7,22 @@
{ {
"filename": "bus_light.js", "filename": "bus_light.js",
"title": "公交线路", "title": "公交线路",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*fuSLRL8Ym4kAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*YtfjQr5vRS4AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "bus_dark.js", "filename": "bus_dark.js",
"title": "公交线路", "title": "公交线路",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*c80NRaMfGLAAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*j-P8RaJMEvAAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "road_light.js", "filename": "road_light.js",
"title": "路径", "title": "路径",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*1gddQ6x8Jq4AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*LuXiTZAq_84AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "road_dark.js", "filename": "road_dark.js",
"title": "路径", "title": "路径",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*1FVsSLUncw4AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*DDjQRLEnwpoAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

8
examples/point/bubble/demo/meta.json
View File

@ -7,23 +7,23 @@
{ {
"filename": "point.js", "filename": "point.js",
"title": "气泡图", "title": "气泡图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*_9ETS5_1yCEAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*fNGiS7YI1tIAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "color.js", "filename": "color.js",
"title": "形状映射", "title": "形状映射",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*K8ACRr5TY7UAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*iN0nTYRDd3AAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "world.js", "filename": "world.js",
"title": "气泡图", "title": "气泡图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*DMREQYwsCF4AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*v5j_QZEL-1YAAAAAAAAAAABkARQnAQ"
}, { }, {
"filename": "scatter.js", "filename": "scatter.js",
"title": "定点图", "title": "定点图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Jt3ZSb8VH98AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*LnlmQ7sFWigAAAAAAAAAAABkARQnAQ"
} }

6
examples/point/chart/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "bar.js", "filename": "bar.js",
"title": "柱图", "title": "柱图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*-Tw3TLzyJ5wAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6AR6Qq0Bq-MAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "chart.js", "filename": "chart.js",
"title": "环图", "title": "环图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Uq_RQqyMrbQAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*X06uT50Ll7QAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "ring.js", "filename": "ring.js",
"title": "环图", "title": "环图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*zUu0RYKaF28AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*-oG0T64BnZoAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

8
examples/point/column/demo/meta.json
View File

@ -7,24 +7,24 @@
{ {
"filename": "column_light.js", "filename": "column_light.js",
"title": "3D柱图_浅色底图", "title": "3D柱图_浅色底图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*5WdiT7MmU_cAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*kjvTRLNtckIAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "clumn_shape_light.js", "filename": "clumn_shape_light.js",
"title": "3D 浅色柱图", "title": "3D 浅色柱图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*pAKGQrCFSjAAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RVw4QKTJe7kAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "column_dark.js", "filename": "column_dark.js",
"title": "3D柱图_深色底图", "title": "3D柱图_深色底图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*WkpEQqzuM-oAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*7COqR4wCc6QAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "clumn_shape.js", "filename": "clumn_shape.js",
"title": "3D 深色柱图", "title": "3D 深色柱图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*HNbARpUVOdYAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*tvpvQZLv_xYAAAAAAAAAAABkARQnAQ"
} }
] ]

8
examples/point/image/demo/meta.json
View File

@ -6,18 +6,18 @@
"demos": [ "demos": [
{ {
"filename": "image.js", "filename": "image.js",
"title": "气泡图", "title": "符号图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*c0IDRIg_n4MAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*oVyHT5S3sv0AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "locate.js", "filename": "locate.js",
"title": "顶点符号", "title": "顶点符号",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*jrFoQrZNL3wAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*DgoWS7-XKdUAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "weather.js", "filename": "weather.js",
"title": "天气", "title": "天气",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*a_rnSI6p6RoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*-nk1RZJeGooAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

2
examples/point/marker/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "marker.js", "filename": "marker.js",
"title": "温度", "title": "温度",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*oPofT5YBOksAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*aTDtTL1qls0AAAAAAAAAAABkARQnAQ"
} }
] ]

4
examples/point/scatter/demo/meta.json
View File

@ -7,12 +7,12 @@
{ {
"filename": "normal2.js", "filename": "normal2.js",
"title": "城市亮度图", "title": "城市亮度图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Xp7iRaORYuIAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ypZCT6pqv84AAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "normal.js", "filename": "normal.js",
"title": "海量点", "title": "海量点",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Kva7R7AimzsAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*xr8BQouXGvoAAAAAAAAAAABkARQnAQ"
} }
] ]

2
examples/polygon/3d/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "polygon.js", "filename": "polygon.js",
"title": "3D 建筑面", "title": "3D 建筑面",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*JgXVSoV03n4AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RCaZSLthUn0AAAAAAAAAAABkARQnAQ"
} }
] ]
} }

6
examples/polygon/fill/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "polygon.js", "filename": "polygon.js",
"title": "全国地图行政区划", "title": "全国地图行政区划",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*AoD6SZ4kz0wAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*IhtZRKYmPuMAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "fill.js", "filename": "fill.js",
"title": "连续填充图", "title": "连续填充图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*g93EQYYz9HEAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ouhFSJNcNvkAAAAAAAAAAABkARQnAQ"
}, },
{ {
"filename": "population.js", "filename": "population.js",
"title": "世界地图 女性人口比例", "title": "世界地图 女性人口比例",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*j6OrT7kgAnAAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*7c0eQYMfxwoAAAAAAAAAAABkARQnAQ"
} }
] ]
} }

8
gatsby-browser.js
View File

@ -1,9 +1,9 @@
require('./site/css/demo.css'); require('./site/css/demo.css');
require('./packages/component/src/css/l7.css'); require('./packages/component/src/css/l7.css');
window.geotiff = require('geotiff/dist/geotiff.bundle.min.js'); // window.geotiff = require('geotiff/dist/geotiff.bundle.min.js');
window.scene = require('./packages/scene/src'); // window.scene = require('./packages/scene/src');
window.layers = require('./packages/layers/src'); // window.layers = require('./packages/layers/src');
window.component = require('./packages/component/src'); // window.component = require('./packages/component/src');
window.g2 = require('@antv/g2'); window.g2 = require('@antv/g2');
window.l7 = require("@antv/l7"); window.l7 = require("@antv/l7");

2
package.json
View File

@ -44,7 +44,7 @@
"babel-plugin-lodash": "^3.3.4", "babel-plugin-lodash": "^3.3.4",
"babel-plugin-transform-import-styles": "^0.0.11", "babel-plugin-transform-import-styles": "^0.0.11",
"babel-plugin-transform-postcss": "^0.3.0", "babel-plugin-transform-postcss": "^0.3.0",
"babel-preset-gatsby": "^0.2.20", "babel-preset-gatsby": "^0.2.22",
"clean-webpack-plugin": "^0.1.19", "clean-webpack-plugin": "^0.1.19",
"commitizen": "^4.0.3", "commitizen": "^4.0.3",
"copy-webpack-plugin": "^4.5.2", "copy-webpack-plugin": "^4.5.2",

73
packages/l7/README.md Normal file
View File

@ -0,0 +1,73 @@
# L7
![最近提交](https://badgen.net/github/last-commit/antvis/L7)
L7 Large-scale WebGL-powered Geospatial data visualization analysis framework
## l7 visualization demos
![l7 demo](https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*zOFwTJ9wHXQAAAAAAAAAAABkARQnAQ)
### Installation
```
npm install @antv/l7@beta
```
### Features
### Links
## Development
使用 Yarn Workspace 完成依赖安装以及各包之间的 link 工作：
```bash
yarn install
```
开发模式：
```bash
yarn watch
```
运行 Demo
```bash
yarn storybook
```
代替 `git commit` 提交：
```bash
yarn commit
```
## view doc example
```bash
npm start
```
visit http://localhost:8000/
## Add Package
add new package：
```bash
lerna create my-pack -y
```
将 ui-lib 作为 my-pack 的依赖：
```bash
yarn workspace my-pack add ui-lib/1.0.0
```
将 lodash 添加为所有 package 的依赖(不包含root）
```bash
yarn workspaces run add lodash
```
将 typescript 设置为 root 的开发依赖
```bash
yarn add -W -D typescript jest
```

1
site/locale.json
View File

@ -14,5 +14,6 @@
"下载使用":"Download", "下载使用":"Download",
"浅版精彩案例": "Light Theme", "浅版精彩案例": "Light Theme",
"深版精彩案例": "Dark Theme", "深版精彩案例": "Dark Theme",
"感谢信赖":"WE ARE TRUSTED BY",
"一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly." "一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly."
} }

10
site/pages/index.zh.tsx
View File

@ -106,7 +106,7 @@ const IndexPage = () => {
), ),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*-gtxQbUPoGQAAAAAAAAAAABkARQnAQ',
}, },
{ {
logo: logo:
@ -117,7 +117,7 @@ const IndexPage = () => {
), ),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*-gtxQbUPoGQAAAAAAAAAAABkARQnAQ',
}, },
]; ];
@ -128,9 +128,9 @@ const IndexPage = () => {
coverImage={ coverImage={
<img <img
width="100%" width="100%"
class="Notification-module--number--31-3Z" className="Notification-module--number--31-3Z"
style={{ marginLeft: '125px', marginTop: '50px' }} style={{ marginLeft: '125px', marginTop: '50px' }}
src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cCI7RaJs46AAAAAAAAAAAABkARQnAQ" src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*o40BRo-ANLoAAAAAAAAAAABkARQnAQ"
/> />
} }
title={t('L7 地理空间数据可视分析引擎')} title={t('L7 地理空间数据可视分析引擎')}
@ -138,7 +138,7 @@ const IndexPage = () => {
'L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析开发框架。', 'L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析开发框架。',
)} )}
buttons={bannerButtons} buttons={bannerButtons}
notifications={notifications} // notifications={notifications}
className="banner" className="banner"
githubStarLink="https://github.com/antvis/L7/stargazers" githubStarLink="https://github.com/antvis/L7/stargazers"
/> />