mirror of https://gitee.com/antv-l7/antv-l7
style: lint style
This commit is contained in:
parent
e5951751b7
commit
ead554ccf6
|
@ -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`
|
||||
|
|
|
@ -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);
|
||||
});
|
||||
|
|
|
@ -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);
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue