mirror of https://gitee.com/antv-l7/antv-l7
docs: 完善官网文档
This commit is contained in:
parent
3c91f37a23
commit
5bcc343f6b
|
@ -87,3 +87,4 @@ new L7.Marker({
|
|||
.setLnglat(item.coordinates)
|
||||
.setPopup(popup);
|
||||
```
|
||||
[demo1](../../../examples/tutorial/marker#amap)
|
|
@ -140,4 +140,4 @@ marker.on('click', (e) => {});
|
|||
|
||||
## demo 地址
|
||||
|
||||
[demo1](../../../examples/tutorial/marker)
|
||||
[demo1](../../../examples/tutorial/marker#amap)
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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)
|
||||
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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)
|
||||
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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`
|
||||
|
|
|
@ -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)
|
||||
|
||||
|
|
|
@ -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`
|
||||
|
|
|
@ -47,6 +47,6 @@ style({
|
|||
});
|
||||
```
|
||||
|
||||
[光照拾取](../../../../examples/react/covid#covid_extrude)
|
||||
[光照拾取](/zh/examples/react/covid#covid_extrude)
|
||||
|
||||
`markdown:docs/common/layer/base.md`
|
||||
|
|
|
@ -41,7 +41,7 @@ layer.source(data, {
|
|||
});
|
||||
```
|
||||
|
||||
[JOSN 数据 demo 示例](../../../examples/gallery/basic)
|
||||
[JOSN 数据 demo 示例](../../../examples/gallery/animate#animate_path_texture)
|
||||
|
||||
### 通用解析方式
|
||||
|
||||
|
|
|
@ -40,7 +40,7 @@ source 地理数据处理模块,主要包含数据解析(parser),和数据
|
|||
- minZoom: 最小聚合缩放等级 **number** default 0
|
||||
- maxZoom: 最大聚合缩放等级 **number** default 16
|
||||
|
||||
[聚合图使用案例](../../../examples/point/cluster)
|
||||
[聚合图使用案例](../../../examples/point/cluster#cluster)
|
||||
|
||||
### parser
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -7,9 +7,9 @@
|
|||
- data { geojson | json | csv }
|
||||
- config 可选 数据源配置项
|
||||
- parser 数据解析,默认是解析层 geojson
|
||||
- transforms [transform,transform ] 数据处理转换 可设置多个
|
||||
- transforms [transform,transform ] 数据处理转换可设置多个
|
||||
|
||||
parser 和 transforms [见 source 文档](../../source/source)
|
||||
parser 和 transforms [见 source 文档](/zh/docs/api/source/source)
|
||||
|
||||
```javascript
|
||||
layer.source(data, {
|
||||
|
|
|
@ -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)
|
|
@ -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"
|
||||
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue