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

1.1 KiB

title order
Control 3

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

L7 目前支持 Control

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

构造函数

option

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

  • bottomright
  • topright
  • bottomleft,
  • topleft`

组件介绍

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

Zoom

放大缩小组件 默认左上角

const zoomControl = new Zoom({
  position: 'topleft',
});

scene.addControl(zoomControl);

Scale

比例尺组件 默认左下角

const scaleControl = new Scale({
  position: 'bottomleft',
});

scene.addControl(scaleControl);

Layers

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

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

方法

setPosition

设置组件位置

control.setPosition('bottomright');

remove

移除地图组件

control.remove();