angular - 动画弹跳标记 AGM map

Question

如何在 AGM Map Angular 2+ 中添加动画跳动标记？像这样:

https://developers.google.com/maps/documentation/javascript/examples/marker-animations

笨蛋:

http://plnkr.co/edit/YX7W20?p=preview

Answer 1

不确定您是否仍在寻找这个问题的答案，但似乎标记动画甚至在定义 map 之前就已渲染/初始化。

相反，我做的是:

<agm-map
  (mapReady)="mapReading()"
  [zoom]="14"
  [latitude]="lat"
  [longitude]="lng"
></agm-map>

那么这个函数的作用很简单:

  userLocationMarkerAnimation: string;

  mapReading() {
    this.userLocationMarkerAnimation = 'BOUNCE';
  }

然后在标记上，绑定(bind):

  <agm-marker
    [animation]="userLocationMarkerAnimation"
    [latitude]="lat"
    [longitude]="lng"
  ></agm-marker>