如何在vue中使用百度地图添加自定义覆盖物（水波纹）

简介 一如既往，我来给大家分享一个项目中遇到的比较有意思的需求并介绍一下相应的实现过程。 话不多说，直接上图： 具体的应用场景简而言之就是需要我们在地图上添加如图中所示的自定义覆盖物。实现的过程作者分为以下两点给大家介绍介绍。 水波紋的实现 自定义覆盖物的实现 水波紋的实现 这个需求的实现肯定是离不开我们自己写自定义覆盖物的，那么首先我们来讨论一下水波纹动画的实现。 首先我们可以看到图中的覆盖物是由一个红心和水波紋组成，其中红心是固定不动的，那么我们可以直接这么写： <div class=radar></div> .radar { width: 40px; he