---
title: "ImageLayer"
description: "ImageLayer"
language: "en"
canonical: "https://l7.antv.antgroup.com/en/api/image_layer/imagelayer/"
---

[Resource index](/llms.txt)

## Introduction

When adding a picture to the map, you need to specify the latitude and longitude range of the picture and the data parsing type.

<div>
  <div style="width:40%; margin: 16px;">
    <img  width="80%" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*8MtWSIGTN8UAAAAAAAAAAAAAARQnAQ'>
  </div>
</div>

```javascript
const layer = new ImageLayer({});
layer.source('https://gw.alipayobjects.com/zos/rmsportal/FnHFeFklTzKDdUESRNDv.jpg', {
  parser: {
    type: 'image',
    extent: [121.168, 30.2828, 121.384, 30.4219],
  },
});
```