前端vue js 高德地图实现雷达扫描加载,借鉴百度地图等方法,采用Canvas解决雷达背景透明度问题,解决Canvas动态指针扫描造成浏览器卡顿问题

前端vue js 高德地图实现雷达扫描加载,借鉴百度地图等方法,采用Canvas解决雷达背景透明度问题,解决Canvas动态指针扫描造成浏览器卡顿问题

经过3天的尝试,借鉴了好几个博客的思路,开发了一个雷达扫描,画圈和扫描都不是难点,关键在于雷达扫描背景是不透明的,因此在高德地图上,雷达直接覆盖所在的地图部分,需求是要雷达透明,其他大神博主的帖子都是不透明的设计才能实现指针动态扫描,本人研究几天,既可以实现雷达透明,又可以动态扫描,同事频繁的更新canvas不影响地图及浏览器的性能!
上图!
在这里插入图片描述
下面这个是我改进的,雷达圆圈也在实时转动,显得更加真实
在这里插入图片描述

有兴趣的可以加我微信好友给源码哦
我的微信

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值