style: lint style

This commit is contained in:
2912401452 2022-04-15 17:05:30 +08:00
parent e5951751b7
commit ead554ccf6
3 changed files with 46 additions and 47 deletions

View File

@ -17,17 +17,17 @@ SpriteGeometry 是 L7 提供的通用的粒子图层,可以用来绘制各种
import { Scene, GeometryLayer } from '@antv/l7';
let layer = new GeometryLayer()
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
center: [120, 30],
spriteCount: 120,
spriteRadius: 10,
spriteTop: 2500000,
spriteUpdate: 20000,
spriteScale: 0.6,
})
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
center: [120, 30],
spriteCount: 120,
spriteRadius: 10,
spriteTop: 2500000,
spriteUpdate: 20000,
spriteScale: 0.6,
});
```
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*PEd7RasIpiEAAAAAAAAAAAAAARQnAQ'>
@ -52,7 +52,7 @@ SpriteGeometry 主要通过 style 方法设置位置、大小以及其他属性
#### spriteRadius: number
粒子的作用半径,默认为 10。
粒子的作用半径,默认为 10。
🌟 单个粒子会在图层位置半径范围内随机分布。
#### spriteAnimate: string
@ -65,17 +65,16 @@ SpriteGeometry 主要通过 style 方法设置位置、大小以及其他属性
#### spriteTop: number
粒子运动的高度范围,默认为 5000000.
🌟 需要注意的是在不同的地图底图下spriteTop/spriteUpdate 的参数值需要进行调整才能得到较好的效果。默认值是在高德1.0 的地图上调整的。
粒子运动的高度范围,默认为 5000000.
🌟 需要注意的是在不同的地图底图下spriteTop/spriteUpdate 的参数值需要进行调整,才能得到较好的效果。默认值是在高德 1.0 的地图上调整的。
#### spriteUpdate: number
粒子运动刷新的步长,表现为运动速度、默认为 10000。
🌟 需要注意的是在不同的地图底图下spriteTop/spriteUpdate 的参数值需要进行调整才能得到较好的效果。默认值是在高德1.0 的地图上调整的。
粒子运动刷新的步长,表现为运动速度、默认为 10000。
🌟 需要注意的是在不同的地图底图下spriteTop/spriteUpdate 的参数值需要进行调整,才能得到较好的效果。默认值是在高德 1.0 的地图上调整的。
#### spriteScale: number
粒子大小缩放、默认为 1。
粒子大小缩放、默认为 1。
`markdown:docs/common/layer/base.md`

View File

@ -6,24 +6,24 @@ const scene = new Scene({
map: new GaodeMap({
pitch: 90,
style: 'dark',
center: [120, 30],
zoom: 6,
center: [ 120, 30 ],
zoom: 6
})
});
scene.on('loaded', () => {
let layer = new GeometryLayer()
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
mapTexture: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*w2SFSZJp4nIAAAAAAAAAAAAAARQnAQ', // rain
center: [120, 30],
spriteCount: 120,
spriteRadius: 10,
spriteTop: 2500000,
spriteUpdate: 20000,
spriteScale: 0.6,
})
const layer = new GeometryLayer()
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
mapTexture: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*w2SFSZJp4nIAAAAAAAAAAAAAARQnAQ', // rain
center: [ 120, 30 ],
spriteCount: 120,
spriteRadius: 10,
spriteTop: 2500000,
spriteUpdate: 20000,
spriteScale: 0.6
});
scene.addLayer(layer);
});

View File

@ -6,24 +6,24 @@ const scene = new Scene({
map: new GaodeMap({
pitch: 40,
style: 'dark',
center: [120, 30],
zoom: 6,
center: [ 120, 30 ],
zoom: 6
})
});
scene.on('loaded', () => {
let layer = new GeometryLayer()
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
mapTexture:
const layer = new GeometryLayer()
.shape('sprite')
.size(10)
.style({
opacity: 0.3,
mapTexture:
'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*zLQwQKBSagYAAAAAAAAAAAAAARQnAQ', // snow
center: [120, 30],
spriteCount: 60,
spriteRadius: 10,
spriteTop: 2500000,
spriteScale: 0.6,
})
center: [ 120, 30 ],
spriteCount: 60,
spriteRadius: 10,
spriteTop: 2500000,
spriteScale: 0.6
});
scene.addLayer(layer);
});