docs: 完善官网文档

This commit is contained in:
shihui 2022-01-17 20:39:01 +08:00
parent 3c91f37a23
commit 5bcc343f6b
20 changed files with 26 additions and 26 deletions

View File

@ -87,3 +87,4 @@ new L7.Marker({
.setLnglat(item.coordinates)
.setPopup(popup);
```
[demo1](../../../examples/tutorial/marker#amap)

View File

@ -140,4 +140,4 @@ marker.on('click', (e) => {});
## demo 地址
[demo1](../../../examples/tutorial/marker)
[demo1](../../../examples/tutorial/marker#amap)

View File

@ -153,5 +153,5 @@ popup.on('close', () => {});
## demo 地址
[demo1](../../../examples/point/column)
[demo2](../../../examples/line/path)
[demo1](../../../examples/point/column#column_linear)
[demo2](../../../examples/line/path#bus_light)

View File

@ -146,5 +146,5 @@ popup.on('close', () => {});
## demo 地址
[demo1](../../../examples/point/column)
[demo2](../../../examples/line/path)
[demo1](../../../examples/point/column#column_linear)
[demo2](../../../examples/line/path#bus_light)

View File

@ -29,9 +29,9 @@ const layer = new LineLayer({})
});
```
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*JjUcTZ8-PC8AAAAAAAAAAABkARQnAQ'>
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*xvaaQo2c0gMAAAAAAAAAAABkARQnAQ'>
[在线案例](../../../examples/gallery/basic#arcCircle)
[在线案例](../../../examples/line/arc#trip_arc)
### shape

View File

@ -29,7 +29,7 @@ L7 目前动画参数为相对单位,我们默认一条线段的长度为 1
如果 interval = 0.2,则一条轨迹将会分成 5 段,如果 interval = 0.5 则为两段。
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*W-m5Q6yrL_UAAAAAAAAAAAAAARQnAQ'>
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mo_7Q6sTqOIAAAAAAAAAAAAAARQnAQ'>
[在线案例](../../../examples/gallery/animate#plane_animate2)

View File

@ -22,6 +22,6 @@ const layer = new LineLayer({})
});
```
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*RZEgSYZLeJIAAAAAAAAAAAAAARQnAQ'>
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*8DYQTZeQyZ4AAAAAAAAAAAAAARQnAQ'>
[在线案例](../../../examples/line/arc#trip_arc_dark_linear)

View File

@ -31,7 +31,7 @@ fetch('https://gw.alipayobjects.com/os/basement_prod/40ef2173-df66-4154-a8c0-785
- lineTexture 指定是否开启纹理贴图能力
- iconStep 指定贴图在线图层上面排布的间隔
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*i2fJSJHpVGcAAAAAAAAAAAAAARQnAQ'>
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*KEupSZ_p0pYAAAAAAAAAAAAAARQnAQ'>
[在线案例](../../../examples/gallery/animate#animate_path_texture)
@ -67,5 +67,5 @@ fetch('https://gw.alipayobjects.com/os/basement_prod/40ef2173-df66-4154-a8c0-785
```
[在线案例](../../../examples/gallery/animate#route_line)
[在线案例](../../../examples/line/animate#plane_animate2)

View File

@ -20,6 +20,6 @@ const layer = new LineLayer({})
thetaOffset: 0.35,
});
```
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*i6d6SqQgjAwAAAAAAAAAAAAAARQnAQ'>
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*qRFaR7Ko274AAAAAAAAAAAAAARQnAQ'>
[在线案例](../../../examples/gallery/animate#route_line)

View File

@ -87,6 +87,6 @@ lineLayer.size([1, 2]); // 宽度为1高度2
`markdown:docs/api/line_layer/features/texture.zh.md`
[在线案例](../../../examples/line/isoline#height)
`markdown:docs/api/line_layer/features/vertexHeight.zh.md`
`markdown:docs/common/layer/base.md`

View File

@ -12,7 +12,7 @@ order: 1
import { LineLayer } from '@antv/l7';
```
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*VJX5Qo7ufaAAAAAAAAAAAABkARQnAQ'>
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*KEupSZ_p0pYAAAAAAAAAAAAAARQnAQ'>
[在线案例](../../../examples/gallery/animate#animate_path)

View File

@ -37,8 +37,6 @@ import { PointLayer } from '@antv/l7';
scene.getPointSizeRange(); // Float32Array - [min, max]
```
## 相关 demo
[在线案例](../../../examples/point/dot#normal2)
`markdown:docs/common/layer/base.md`

View File

@ -47,6 +47,6 @@ style({
});
```
[光照拾取](../../../../examples/react/covid#covid_extrude)
[光照拾取](/zh/examples/react/covid#covid_extrude)
`markdown:docs/common/layer/base.md`

View File

@ -41,7 +41,7 @@ layer.source(data, {
});
```
[JOSN 数据 demo 示例](../../../examples/gallery/basic)
[JOSN 数据 demo 示例](../../../examples/gallery/animate#animate_path_texture)
### 通用解析方式

View File

@ -40,7 +40,7 @@ source 地理数据处理模块主要包含数据解析parser),和数据
- minZoom: 最小聚合缩放等级 **number** default 0
- maxZoom: 最大聚合缩放等级 **number** default 16
[聚合图使用案例](../../../examples/point/cluster)
[聚合图使用案例](../../../examples/point/cluster#cluster)
### parser

View File

@ -18,6 +18,7 @@ import { WindLayer } from '@antv/l7';
(data, options) => WindLayer, 设置风场相关信息的函数
- data: string 存储风场信息的图片地址
🌟 [数据获取](https://github.com/mapbox/webgl-wind#downloading-weather-data)
- options:
```js

View File

@ -7,9 +7,9 @@
- data { geojson | json | csv }
- config   可选   数据源配置项
- parser 数据解析,默认是解析层 geojson
- transforms [transformtransform ]  数据处理转换 可设置多个
- transforms [transformtransform ]  数据处理转换可设置多个
parser 和  transforms [见 source 文档](../../source/source)
parser 和  transforms [见 source 文档](/zh/docs/api/source/source)
```javascript
layer.source(data, {

View File

@ -34,6 +34,6 @@ const layer = new LineLayer({
});
```
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*i2fJSJHpVGcAAAAAAAAAAAAAARQnAQ'>
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*KEupSZ_p0pYAAAAAAAAAAAAAARQnAQ'>
[在线案例](../../examples/gallery/animate#animate_path_texture)
[在线案例](../../examples/line/animate#plane_animate2)

View File

@ -12,7 +12,7 @@
{
"filename": "trip_arc_dark.js",
"title": "3D 弧线",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*JjUcTZ8-PC8AAAAAAAAAAABkARQnAQ"
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*Qg8sQ4H9RVsAAAAAAAAAAAAAARQnAQ"
},
{

View File

@ -18,7 +18,7 @@ scene.on('loaded', () => {
const layer = new LineLayer({})
.source(data, {
parser: {
type: 'csv',
type: 'json',
x: 'from_lon',
y: 'from_lat',
x1: 'to_lon',
@ -26,7 +26,7 @@ scene.on('loaded', () => {
}
})
.size(1)
.shape('arc')
.shape('arc3d')
.color('#FF7C6A')
.style({
segmentNumber: 15,