如何根据地图上的两个坐标点来确定方向

在地图上有这么两个点,黄鹤楼(A点)和黄鹤楼的公园管理处(B点),怎么确定B点在A点的什么方向呢。
百度地图上的点

在地理坐标系中可以将纬度看做直角坐标系中的Y轴,正方向由南向东北;将经度看做直角坐标系中的X轴,正方向由西向东。虽然地球是个球,但是放大了来看,球面的弧度并不影响我们将它看做一个平面直角坐标系。
在这里插入图片描述
以B点为原点建立平面直角坐标系,求B点在A点的方向问题就变成了求角度问题,只要计算出线段AB和X轴或者Y轴的夹角,就可以描述A和B之间的方向。

根据经纬度的坐标点先计算出AB两点之间的距离以及A、B两点的经度差值、纬度差值,计算出cos值或者sin值,然后利用JavaScript的Math对象的acos或者asin(反三角函数)来求出夹角对应的弧度值,再将弧度值转换为角度值。

JavaScript中弧度和角度的转换关系为:角度乘以 0.017453293 (或2PI/360)即可转换为弧度,PI为Math对象中的常量。

具体实现

function calculateAngle(points) {
    var lastPrePoi = points[0];
    var lastPoi = points[1];
    if (lastPoi.lng == lastPrePoi.lng) {
        if (lastPoi.lat == lastPrePoi.lat) {
            // 横坐标相同、纵坐标相同
            return;
        } else {
            // 横坐标相同、纵坐标不同
            return lastPoi.lat > lastPrePoi.lat ? 0 : 180;
        }
    } else {
        if (lastPoi.lat == lastPrePoi.lat) {
            // 横坐标不同、纵坐标相同
            return lastPoi.lng > lastPrePoi.lng ? 90 : -90;
        } else {
            let first_side_length = lastPoi.lng - lastPrePoi.lng;
            let second_side_length = lastPoi.lat - lastPrePoi.lat;
            let third_side_length = Math.sqrt(Math.pow(first_side_length, 2) + Math.pow(second_side_length, 2));
            let cosine_value = first_side_length / third_side_length;
            let radian_value = Math.acos(cosine_value);
            let angle_value = radian_value * 180 / Math.PI;
            if (angle_value < 90) {
                return second_side_length > 0 ? 90 - angle_value : 90 + angle_value;
            } else {
                return second_side_length > 0 ? 90 - angle_value : angle_value - 270;
            }
        }
    }
}

注:此方法中的角度值是以Y轴正方向为参考,角度为AB线段与Y轴正方向的夹角

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆呆papa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值