antv-l7/docs/api/component/control.zh.md

---
title: Control
order: 3
---
# control

地图组件 用于控制地图的状态如果平移，缩放，或者展示地图一些的辅助信息如图例，比例尺


L7 目前支持Control

-  Zoom 放大缩小
-  Scale 比例尺
-  Layers 图层列表


## 构造函数


#### option
 
position: `string` 控件位置支持是个方位 

- bottomright
- topright
- bottomleft,
- topleft`



组件介绍

```
import { Scale Layers, Zoom } from '@antv/l7';

```




#### Zoom
放大缩小组件 默认 左上角

```javascript
 const zoomControl = new  Zoom({
      position: 'topleft'
    })

 scene.addControl(zoomControl);

```


#### Scale
比例尺组件默认左下角

```javascript
  const zoomControl = new  Zoom({
      position: 'topleft'
    })

 scene.addControl(zoomControl);

```


#### layer
图层列表目前支持可视化的图层控制

```javascript

 const overlayers = {
        "点图层": layer,
        
      };
 const layersControl = new Layers({
      overlayers
    });
scene.addControl(layersControl);

```


## 方法

#### setPosition
设置组件位置

```javascript
control.setPosition('bottomright');
```


#### remove
移除地图组件

```javascript
control.remove();
```