Угловые гугл карты @ 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"};
}