从方位角获取像素位置

Question

我需要根据点的方位和半径在坐标系中定位点。

使用下面的代码，我可以将一个点定位在离中心的正确距离处，但这只适用于水平方向。

我需要的是基于方位角和半径的点的左上角位置

setTimeout(function() {
    var km2show = 100;
    var testDistance = 50;
    var width = $('#radar').width();        // Width & height of radar
    var center = width/2;                               // Radar center
    var px2km = center/km2show;                 // Pixels per km
    var radius = radius2coor((px2km*testDistance),center);
    var bearing = 45;
    // Set height of radar based on the width
    $('#radar').height(width);
    // Set dot in center of radar
    $('#centerDot').css({top: center, left: center});

    $('#container').append("<div style='position:absolute;top:0px;left:"+radius+"px;color:white;'>*</div>");
},100);

function radius2coor(radius,center) {
    var res = radius-center;
    return res;
}  

请参阅jsFiddle

那么我该如何去获取机器人的顶部和左侧的位置呢？

最终结果应将点定位在方位角为45度的红色标记处：

​