Control

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

L7 目前支持 Control

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

构造函数

option

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

  • bottomright
  • topright
  • bottomleft,
  • topleft`

组件介绍

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

Zoom

放大缩小组件 默认左上角

  1. const zoomControl = new Zoom({
  2. position: 'topleft',
  3. });
  4. scene.addControl(zoomControl);

Scale

比例尺组件 默认左下角

  1. const scaleControl = new Scale({
  2. position: 'bottomleft',
  3. });
  4. scene.addControl(scaleControl);

Layers

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

  1. const overlayers = {
  2. 点图层: layer,
  3. };
  4. const layersControl = new Layers({
  5. overlayers,
  6. });
  7. scene.addControl(layersControl);

方法

setPosition

设置组件位置

  1. control.setPosition('bottomright');

remove

移除地图组件

  1. control.remove();