mirror of https://gitee.com/antv-l7/antv-l7
52 lines
962 B
Markdown
52 lines
962 B
Markdown
|
---
|
||
|
|
title: 3D填充图
|
||
|
|
order: 1
|
||
|
|
---
|
||
|
`markdown:docs/common/style.md`
|
||
|
|
||
|
|
## 使用
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import { PolygonLayer } from '@antv/l7';
|
||
|
|
const layer = new PolygonLayer();
|
||
|
|
```
|
||
|
|
|
||
|
|
### shape
|
||
|
|
|
||
|
|
3D Polygon 将多边形沿 Z 轴向上拉伸
|
||
|
|
|
||
|
|
- extrude 常量不支持数据映射
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
layer.shape('extrude');
|
||
|
|
```
|
||
|
|
|
||
|
|
### size
|
||
|
|
|
||
|
|
size 代表拉伸的高度，支持数据映射
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
layer.size(10); // 高度设置成常量
|
||
|
|
layer.size('floor', [0, 2000]); // 根据floor字段进行数据映射默认为线
|
||
|
|
layer.size('floor', (floor) => {
|
||
|
|
// 通过回调函数设置size
|
||
|
|
return floor * 2;
|
||
|
|
});
|
||
|
|
```
|
||
|
|
|
||
|
## 额外的 style 配置
|
||
|
|
|
||
|
|
- pickLight 设置 3D 填充图
|
||
|
|
|
||
|
|
pickLight 默认为 false 表示对拾取的颜色不进行光照计算，开启后会增加部分额外的计算。
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
style({
|
||
|
|
pickLight: true // 默认为 false
|
||
|
|
})
|
||
|
|
```
|
||
|
|
|
||
|
|
[光照拾取](../../../../examples/react/covid#covid_extrude)
|
||
|
|
|
||
|
|
`markdown:docs/common/layer/base.md`
|