Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 将脉冲动画效果添加到地图标记角度agm_Angular_Google Maps - Fatal编程技术网

Angular 将脉冲动画效果添加到地图标记角度agm

Angular 将脉冲动画效果添加到地图标记角度agm,angular,google-maps,Angular,Google Maps,我想将这个脉冲动画添加到我的角度标记中。我正在使用库将谷歌地图添加到我的项目中。如何使用css将其添加到标记中? 以下是我迄今为止所尝试的: <agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme"> <span class="pulse" *ngFor="let marker of markers"> &

我想将这个脉冲动画添加到我的角度标记中。我正在使用库将谷歌地图添加到我的项目中。如何使用css将其添加到标记中? 以下是我迄今为止所尝试的:

<agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme">
  <span class="pulse" *ngFor="let marker of markers">
    <agm-marker  [animation]="userLocationMarkerAnimation" [latitude]="marker.lat"
      [longitude]="marker.long" [iconUrl]="marker.icon">
    </agm-marker>
  </span>
</agm-map>

在找到合适的解决方案之前,agm提供了两个动画

蹦蹦跳跳

<agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme">
  <span class="pulse" *ngFor="let marker of markers">
    <agm-marker  animation="BOUNCE " [latitude]="marker.lat"
      [longitude]="marker.long" [iconUrl]="marker.icon">
    </agm-marker>
  </span>
</agm-map>

在找到合适的解决方案之前,agm提供了两个动画

蹦蹦跳跳

<agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme">
  <span class="pulse" *ngFor="let marker of markers">
    <agm-marker  animation="BOUNCE " [latitude]="marker.lat"
      [longitude]="marker.long" [iconUrl]="marker.icon">
    </agm-marker>
  </span>
</agm-map>

谷歌地图v3提供了两种开箱即用的动画“反弹”和“下降”。参考-

因此,AGM还提供了相同的功能,您可以通过设置动画输入属性来应用这些功能

<agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme">
    <agm-marker *ngFor="let marker of markers" [animation]="userLocationMarkerAnimation" [latitude]="marker.lat"
      [longitude]="marker.long" [iconUrl]="marker.icon">
    </agm-marker>
</agm-map>
我已经在stackblitz上创建了一个相同的工作示例


谷歌地图v3提供了两种开箱即用的动画“反弹”和“下降”。参考-

因此,AGM还提供了相同的功能,您可以通过设置动画输入属性来应用这些功能

<agm-map (mapReady)="mapReading()" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="customTheme">
    <agm-marker *ngFor="let marker of markers" [animation]="userLocationMarkerAnimation" [latitude]="marker.lat"
      [longitude]="marker.long" [iconUrl]="marker.icon">
    </agm-marker>
</agm-map>
我已经在stackblitz上创建了一个相同的工作示例


也许值得添加StackBlitz或共享GitHub项目我只是想在这里加载,但你能创建一个并将其添加到agm标记上的[动画]=中吗?也许值得添加StackBlitz或共享GitHub项目我只是想在这里加载,但你能创建一个并将其添加到agm标记上的[动画]=中吗?