如何访问Angular Google Map上的标记

时间:2019-02-12 19:04:39

标签: angular

我有一个对象列表,每个对象都有一个地图点。 从列表中创建agm-markers。选择列表项时,我需要平移并突出显示图钉。但是如何访问地图的标记集合?我已经查看了地图组件的API,但是我可以找到的最接近的方法是MarkerManager上的createEventObservable。但是我不确定如何使用MarkerManager或正确的方法。

这是我当前的代码

<agm-map class="h-100" [latitude]="lat" [longitude]="lng" [zoom]="zoom" >
    <ng-container *ngFor="let location of filterLocations">
      <agm-marker [latitude]="location.latitude" [longitude]="location.longitude" (markerClick)="selectListItem($event)" [animation]="DROP"></agm-marker>
    </ng-container>
  </agm-map>

因此,这全都归结为我如何将对象列表与地图上的图钉/标记同步。

我的应用程序看起来像Google地图:

Google maps

0 个答案:

没有答案