Mapbox底图绘制”线路围墙“高度设置无效
- Dominant language
- TypeScript
- Stars
- 4.1k
- Forks
- 656
- PR merge metrics
- No merged PRs in 30d
Description
* **L7 Version**: 2.13.9
* **Platform**: windows 11
* **Mini Showcase(like screenshots)**:

* **CodePen Link**: 无
Mapbox底图绘制”线路围墙“出错,围墙的高度无法设置,永远是无限大。
将官网示例换成Mapbox底图即可复现:
```js
import { Scene, LineLayer } from '@antv/l7';
import { Mapbox } from '@antv/l7-maps';
const scene = new Scene({
id: 'map',
map: new Mapbox({
center: [ 121.461531, 31.096775 ],
zoom: 8.64,
rotation: 358.78,
pitch: 45.42056074766357,
style: 'https://thope.tianhengyun.com/api/styles/v1/admin/ZPUdKizRzR'
})
});
scene.addImage(
'02',
'https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg'
);
scene.on('loaded', () => {
fetch(
'https://gw.alipayobjects.com/os/bmw-prod/0290a972-eedd-42f6-b69e-50a35e8a0824.json'
)
.then(res => res.json())
.then(data => {
const layer = new LineLayer({})
.source(data.slice(0, 50), {
parser: {
type: 'json',
coordinates: 'coordinates'
}
})
.animate({
interval: 1, // 间隔
duration: 1, // 持续时间,延时
trailLength: 2 // 流线长度
})
.size(20)
.shape('wall')
.texture('02')
.style({
opacity: 'testOpacity',
lineTexture: true, // 开启线的贴图功能
iconStep: 40, // 设置贴图纹理的间距
iconStepCount: 4,
sourceColor: '#00BCD2',
targetColor: '#0074d0'
});
scene.addLayer(layer);
});
});
```
Contributor guide
Assessment
This issue has not been assessed yet.