角谷歌地图@ agm / core

Question

我在我的项目中使用@ agm / core，我希望数据层可以动态设置样式。

1. 当我单击单个图层时，它必须更改颜色。这是使用数据层点击功能完成的
2. 当我选择单选按钮或复选框时，整个数据层都必须更新为另一种不会发生的颜色。

尝试通过更改完成任务，但未找到任何帮助。 它看起来很简单，但是随着我的进步它变得越来越复杂，我在@ agm / core中看不到这种功能。

Answer 1

您可以简单地在数据层之间共享样式对象：

// HTML
<agm-data-layer [geoJson]="geoJsonObject" [style]="styleObject"></agm-data-layer>
<agm-data-layer [geoJson]="geoJsonObject2" [style]="styleObject"></agm-data-layer>

// TS
public styleObject = {
  clickable: true,
  fillColor: "#FFFFFF",
  strokeWeight: 0
};

public changeStyle() {
  this.style = {...this.style, fillColor: "#000000"};
}