Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript在画布或图表（类似雷达）上绘制点周围的位置_Javascript_Html_Html5 Canvas - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 如何使用javascript在画布或图表（类似雷达）上绘制点周围的位置

如何使用javascript在画布或图表（类似雷达）上绘制点周围的位置

javascript html html5-canvas

如何使用javascript在画布或图表（类似雷达）上绘制点周围的位置,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我有位置数据，返回纬度、经度以及距离和方向（角度）。例如，如果我搜索周围的自动取款机，它会返回我周围的数据，如 { location:[30.66,81.65], distance: 500, heading: 122 }, { location:[30.69,81.65], distance: 600, heading: 123 } 现在，我想将这些数据绘制到画布上，以我的位置为中心，并在雷达式画布或图表上绘制所有其他点。对于每个ATM，您可以按照如下方式求解您的位

我有位置数据，返回纬度、经度以及距离和方向（角度）。例如，如果我搜索周围的自动取款机，它会返回我周围的数据，如

{
  location:[30.66,81.65],
  distance: 500,
  heading: 122 
},
{
  location:[30.69,81.65],
  distance: 600,
  heading: 123
}
现在，我想将这些数据绘制到画布上，以我的位置为中心，并在雷达式画布或图表上绘制所有其他点。

对于每个ATM，您可以按照如下方式求解您的位置：
var pos=[ATM.location[0]-cos（heading）*distance ATM.location[1]-sin（heading）*distance]
。希望每个ATM机都能为您返回相同的位置（否则数据会出错）。现在你可以通过
[ATM.location[0]-pos[0]，ATM.location[1]-pos[1]]计算出ATM相对于你的位置
，看起来问题不在于从航向和距离中获得x和y，因为他有长/纬度。@RoyFalk的可能重复是的，这部分让我困惑，因为有多余的信息。也许OP想要旋转和缩放所有东西，以满足所有条件？