antv-l7/docs/common/layer/layer_interaction.md

图层交互方法

active(activeOption | boolean)

• 开启或者关闭 mousehover 元素高亮效果
• activeOption
  • color: 高亮颜色
  • mix: 可选参数，默认为 0，表示高亮颜色是指定纯色，最大有效值是1，表示高亮色全部是底色

activeOption: {
  color: '#f00';
  mix: 0.6
}

// 开启 Active  使用默认高亮颜色
layer.active(true);

//  开启 Active  自定义高亮颜色

layer.active({
  color: 'red',
  mix: .6
});

// 关闭高亮效果
layer.active(false);

setActive(featureId: int)

根据元素 ID 设置指定元素 hover 高亮

🌟 指定元素高亮不等于图层高亮，一个图层包含多个元素，一般传入 source 的数据数组中有多少单条数据，一个图层就有多少元素

layer.setActive(featureId);

select(selectOption | boolean)

• 开启或者关闭 mouseclick 元素选中高亮效果
• selectOption
  • color: 选中高亮颜色
  • mix: 可选参数，默认为 0，表示选中高亮颜色是指定纯色，最大有效值是1，表示选中高亮色全部是底色

selectOption: {
  color: '#f00';
  mix: .6
}

// 开启 Active  使用默认高亮颜色
layer.select(true);

//  开启 Active  自定义高亮颜色

layer.select({
  color: 'red',
  mix: .6
});

// 关闭高亮效果
layer.select(false);

setSelect(featureId: int)

根据元素 ID 设置指定元素 click 选中 高亮

🌟 指定元素高亮不等于图层高亮，一个图层包含多个元素，一般传入 source 的数据数组中有多少单条数据，一个图层就有多少元素

layer.setSelect(featureId);

getLegendItems(type: string)

获取图例配置

• type 图例类型

layer.getLegendItems('color');

layer.getLegendItems('size');