地图上雷达探测到的物体实时映射到雷达图上

思路：通过运算公式求出在雷达图上的位置在用定位的方式展示出来

计算公式：

X=雷达图半径+雷达探测到的距离*cos雷达探测到的角度*雷达范围半径大小和雷达图半径大小的比例

Y=雷达图半径-雷达探测到的距离*sin雷达探测到的角度*雷达范围半径大小和雷达图半径大小的比例

具体实现代码：

export function positionRadar(data){let arrayp = []let ldradius = Math.floor(this.searchRadar.radius)*0.8   //雷达真实范围取整后按照一定比例缩小（比例可按实际情况调整）可以更准确的体现到雷达图上let imgradius = 75  //雷达图半径let scale = imgradius/ldradius  // 雷达实际范围和雷达图半径比例//雷达探测到的所有物体data.forEach(element => {let costheta = Math.cos(element.theta*Math.PI/180)   //探测到物体的角度cos值let sintheta = Math.sin(element.theta*Math.PI/180)   //探测到物体的角度sin值let positionx = 72 + element.distance*costheta*scalelet positiony = 72 - element.distance*sintheta*scalelet obj = {positionx: positionx,positiony: positiony}arrayp.push(obj)  //所有物体在雷达图上的定位值}
}

地图上雷达探测到的物体实时映射到雷达图上相关推荐

Pyecharts：pyecharts(图文+代码)实战(柱状图/条形图/散点图、漏斗图、仪表盘、折线/面积图、水球图、地图、平行坐标系、饼图、极坐标系、雷达图、词云图)之绘制各种吊炸天的图表
Pyecharts:pyecharts(图文+代码)实战(柱状图/条形图/散点图.漏斗图.仪表盘.折线/面积图.水球图.地图.平行坐标系.饼图.极坐标系.雷达图.词云图)之绘制各种吊炸天的图表目录 ...
php 多图上传编辑器,laravel中使用WangEditor及多图上传
1. 创建项目及安装所需安装包 1.1 创建项目 composer create-project laravel/laravel=5.3 blog_wangeditor --prefer-dist 1 ...
php 上传 blob,Laravel框架+Blob实现的多图上传功能示例
本文实例讲述了Laravel框架+Blob实现的多图上传功能.分享给大家供大家参考,具体如下: 一.介绍我们知道多图上传一般都附带的又即时显示功能,即上传后可以立刻看到所传图片.之前一直用的一个多图 ...
php多图上传插件ios,yii2组件之多图上传插件FileInput的详细使用
作者:白狼出处:http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连 ...
Matlab在一张图上画多条曲线或分别画
1.在plot曲线时,有时想在一张图上重合画多条曲线,我们只需要在画图命令之前加上hold on就好,比如: t = 1:0.1:10: y1 = sin(2*pi*t); y1 = cos(2*pi ...
android多文件上传错误,微信多图上传解决android多图上传失败问题
微信提供了文件上传的方法wx.uploadFile来上传我们的图片 wx.chooseImage({ success: function(res) { var tempFilePaths = res. ...
微信多图上传，解决android多图上传失败问题
微信提供了文件上传的方法wx.uploadFile来上传我们的图片 wx.chooseImage({success: function(res) {var tempFilePaths = res.te ...
Android 仿芝麻信用进度条,Android仿支付宝上芝麻信用分雷达图
一.首先看下支付宝上芝麻信用分的效果图: 二.思路 1.确定雷达图中心点坐标 2.绘制多边形及连接线 3.根据维度值绘制覆盖区域 4.绘制分数 5.绘制每个维度的标题文字和图标三.实现获取布局的中 ...
python在一张图上画多个线条
python 在一张图上画多个roc ptyon在一张图上添加图例 python将多个roc曲线画到一张图上说明我写了一个画图函数,这个函数可以画很多图在一个图上: 可以自由的确定画图个数调用 ...

地图上雷达探测到的物体实时映射到雷达图上

地图上雷达探测到的物体实时映射到雷达图上相关推荐

最新文章

热门文章