2019-11-21 13:06:13 +08:00
|
|
|
---
|
2020-01-07 21:15:23 +08:00
|
|
|
title: 图片图层
|
2019-11-21 13:06:13 +08:00
|
|
|
order: 5
|
|
|
|
|
---
|
2020-01-08 00:17:58 +08:00
|
|
|
|
2020-11-16 15:19:41 +08:00
|
|
|
`markdown:docs/common/style.md`
|
|
|
|
|
|
2019-11-21 13:06:13 +08:00
|
|
|
## 简介
|
2019-12-02 15:16:45 +08:00
|
|
|
|
2019-11-21 13:06:13 +08:00
|
|
|
将图片添加到地图上，需要指定图片的经纬度范围
|
2020-01-08 00:17:58 +08:00
|
|
|
|
2020-01-07 21:15:23 +08:00
|
|
|
## 使用
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
import { ImageLayer } from '@antv/l7';
|
|
|
|
|
```
|
2019-11-21 13:06:13 +08:00
|
|
|
|
|
|
|
|
### 代码示例
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
const layer = new ImageLayer({});
|
|
|
|
|
layer.source(
|
|
|
|
|
'https://gw.alipayobjects.com/zos/rmsportal/FnHFeFklTzKDdUESRNDv.jpg',
|
|
|
|
|
{
|
|
|
|
|
parser: {
|
|
|
|
|
type: 'image',
|
2019-12-02 15:16:45 +08:00
|
|
|
extent: [121.168, 30.2828, 121.384, 30.4219],
|
|
|
|
|
},
|
|
|
|
|
},
|
2019-11-21 13:06:13 +08:00
|
|
|
);
|
|
|
|
|
```
|
