Angular 将脉冲动画效果添加到地图标记角度agm
我想将这个脉冲动画添加到我的角度标记中。我正在使用库将谷歌地图添加到我的项目中。如何使用css将其添加到标记中? 以下是我迄今为止所尝试的: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"> &
<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标记上的[动画]=中吗?