动画反弹标记 AGM 地图

Question

如何在 AGM Map Angular 2+ 中添加动画反弹标记？像这样：

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

普伦克：

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

Answer 1

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

相反，我所做的是：

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

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

  userLocationMarkerAnimation: string;

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

然后在标记上，绑定：

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