角谷歌地图@ agm / core

Question

我正在为项目使用@agm/core，我希望数据层能够动态设置样式。

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

尝试通过更改完成任务，但未找到任何帮助。

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"};
}