Android百度地图水波纹动画,高德地图实现水波纹扩散

功能修改，要求在地图上有个类似雷达的水波纹扩散的动画，通过大半天时间的研究、查找，终于完成了这项任务，话不多说，下面直接贴出代码，供有需要的兄弟参考,

1、首先在地图上画个圆如下图

2、新建个JS

/*校验时间 End*/

var timeStart, timeEnd, time;//申明全局变量

var radius = 300 //水纹圆半径(300米)

var circles1; //探测出入口的水波圆

var circles2; //探测出入口的水波圆

var circles3; //探测出入口的水波圆

var bl_drag = false; //拖拽地图控制开关

function getTimeNow() {//获取此刻时间

var now = new Date();

return now.getTime();

}

/*地图水波扩散特效 Start*/

let requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame;

let cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame;

/**

* sos告警圆形范围绘制(只有存在map对象时才可以使用)

* @param radius 半径

* @param level 层数

* @param point BMap.Point对象，圆的中心点

* @param color 颜色对象，包含{fillColor,fillOpacity}

* @constructor

*/

function CircleShow(radius,level,point,color,icon){

console.log(radius);

if(!window.map || !window.BMap|| !window.BMap.Circle){

<