特定于角度谷歌地图：从地图中清除标记

Question

这是一个 Angular 特定/谷歌地图问题。我正在使用 Angular 谷歌地图库。我正在努力引用 Google 的 Marker 对象，因为它们是在 HTML 文件中生成的。

HTML

<map-marker
  #markerElem
  *ngFor="let marker of markers"
  [position]="marker.position"
  [title]="marker.title"
  [options]="marker.options"
  (mapClick)="openInfo(markerElem, marker.info)"
>
</map-marker>

我需要清除此 HTML 文件中生成的这些标记。谷歌地图似乎没有 clearMap() 功能，大多数论坛都同意最好通过在代码中列出标记来跟踪标记。

在 HTML 中看到的“markers”变量只是一个自定义对象，用于填充 actual Google Marker 对象的字段。

我能想到两种解决方案，但我不知道如何去做。

1.) 在我的 TS 文件中生成标记对象。 （注意：我想尽可能多地保留 HTML 的结构。我确实担心的一件事是标签会自动创建一个地图标记，因此我的 Marker 对象列表实际上并不是地图上的那些）。 2.）以某种方式引用（我认为这些标签实际上在后台生成标记）作为标记列表。

如果有人有在 Angular 中清除地图上标记的示例，请分享。感谢您提供任何帮助/建议。

Answer 1

当你需要清除标记时，

在你的 ts 文件中，就这样做

markers = [];