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

1.2 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 zoomControl = new  Zoom({
      position: 'topleft'
    })

 scene.addControl(zoomControl);

Layers

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


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

方法

setPosition

设置组件位置

control.setPosition('bottomright');

remove

移除地图组件

control.remove();