前端vue js 高德地图实现雷达扫描加载,借鉴百度地图等方法,采用Canvas解决雷达背景透明度问题,解决Canvas动态指针扫描造成浏览器卡顿问题
经过3天的尝试,借鉴了好几个博客的思路,开发了一个雷达扫描,画圈和扫描都不是难点,关键在于雷达扫描背景是不透明的,因此在高德地图上,雷达直接覆盖所在的地图部分,需求是要雷达透明,其他大神博主的帖子都是不透明的设计才能实现指针动态扫描,本人研究几天,既可以实现雷达透明,又可以动态扫描,同事频繁的更新canvas不影响地图及浏览器的性能!
上图!
下面这个是我改进的,雷达圆圈也在实时转动,显得更加真实
有兴趣的可以加我微信好友给源码哦