在百度地图上实现点位图标动态闪烁效果(简单)

555 阅读1分钟

一、 明确需求

在异常标记点上实现动态闪烁效果(如下图)

图标动态闪烁.png

二、思路

使用的百度地图api目前暂不支持gif格式,所以考虑该需求通过css动画样式来实现。

三、实现

  1. 在添加设备点位时,根据图标的状态判定是否添加闪烁效果。

添加点位.png 核心代码:

添加样式png.png

  1. 使用css添加闪烁动画效果

css动画样式.png