angular - 角度谷歌地图@agm/core

Question

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

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

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

标签： angulargoogle-mapsagm

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