已知地图GPS坐标点A和坐标点B，获取A点往B点直线走一定距离的坐标点经纬度？

微信小程序计步程序，地图上根据一些坐标点绘制了一个路线图，每两点直线连接。

现在有个问题解决不了，查找了很多资料都无法解决，简单点来说，

比如北京和天津两个坐标在地图上直线连接，距离是200公里。现在知道一个人今天走了20公里，进入小程序后，我要把这20公里的位置标注到地图上，也就是获取北京往天津直线走20公里的那个点的坐标经纬度？求解，谢谢大佬

现在使用的是腾讯地图

这个转成xy 坐标系，就是普通的算直线上的点就可以了吧。

import math
###经纬度转xy 坐标系
def millerToXY (lon, lat):
    """
    :param lon: 经度
    :param lat: 维度
    :return:
    """
    xy_coordinate = []
    L = 6381372*math.pi*2    #地球周长
    W = L                    #平面展开，将周长视为X轴
    H = L/2                  #Y轴约等于周长一般
    mill = 2.3               #米勒投影中的一个常数，范围大约在正负2.3之间  
    x = lon*math.pi/180      #将经度从度数转换为弧度
    y = lat*math.pi/180      #将纬度从度数转换为弧度 
    y = 1.25*math.log(math.tan(0.25*math.pi+0.4*y))  #这里是米勒投影的转换 
    
    # 这里将弧度转为实际距离 ，转换结果的单位是公里
    x = (W/2)+(W/(2*math.pi))*x
    y = (H/2)-(H/(2*mill))*y
    xy_coordinate.append((int(round(x)),int(round(y))))
    return xy_coordinate

###xy坐标系转经纬度
def xy_to_coor(x, y):
    lonlat_coordinate = []
    L = 6381372 * math.pi*2
    W = L
    H = L/2
    mill = 2.3
    lat = ((H/2-y)*2*mill)/(1.25*H)
    lat = ((math.atan(math.exp(lat))-0.25*math.pi)*180)/(0.4*math.pi)
    lon = (x-W/2)*360/W
    lonlat_coordinate.append((round(lon,7),round(lat,7)))
    return lonlat_coordinate

试试这个

computeDestination

终点计算，根据起点、朝向和距离计算终点。

https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocGeometry

computeOffset

通过起始点坐标、距离以及航向算出终点坐标

https://lbs.qq.com/javascript_v2/doc/spherical.html

https://blog.csdn.net/u014215839/article/details/113348586

我之前写这篇，你可以看看有没有思路。还有你这个在腾讯地图都有示例的。

http://voidcat.cn/index.php/2019/06/20/point_at_line/

就是电子围栏，起点是中心点，距离20公里是半径，边框跟你 200公里直线的交集点

var a = { x1: 10, y1: 100 }; //北京坐标

var b = { x2: 100, y2: 10 }; //天津坐标

var c = { cx: "", cy: "" }; //未知坐标

var d = 20; //20公里

//算法

var r = Math.sqrt(

(a.x1 - b.x2) * (a.x1 - b.x2) +

(a.y1 - b.y2) * (a.y1 - b.y2)

);

c.cy = (d * (b.y2 - a.y1)) / r + a.y1;

c.cx = (d * (b.x2 - a.x1)) / r + a.x1;

console.log(c.cy, 11111111111);

console.log(c.cx, 2222222222222);

尝试用这个行不行

function dp(a,b,g) {
	var x = b.x-a.x , y = b.y-a.y;
	var d = Math.sqrt(x*x+y*y) * g;
	var r = Math.atan2(b.x-a.x, b.y-a.y);
	var c = {x: a.x + Math.sin(r)*d, y: a.y + Math.cos(r)*d};
	return c;
}
var a = {x:500, y:200}; //北京坐标
var b = {x:100, y:400}; //天津坐标
var g = 20 / 200; //先进的进度
var c = dp(a,b,g);
console.log(c);

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
</style>
</head>
<body>
图例：绿色为北京坐标，蓝色为天津坐标，红色为结果坐标 <br />
<canvas id="canvasId" width="700" height="500"></canvas>
<script type="text/javascript">
function dp(a,b,g) {
	var x = b.x-a.x , y = b.y-a.y;
	var d = Math.sqrt(x*x+y*y) * g;
	var r = Math.atan2(b.x-a.x, b.y-a.y);
	var c = {x: a.x + Math.sin(r)*d, y: a.y + Math.cos(r)*d};
	return c;
}
var a = {x:500, y:100}; //北京坐标
var b = {x:100, y:300}; //天津坐标
var g = 20 / 200; //行走的进度
var c = dp(a,b,g); //结果坐标
console.log(c);

//绘制图例
var canvas = document.getElementById("canvasId");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(a.x,a.y,10,0,2*Math.PI,true);
ctx.fillStyle = "#0f0";
ctx.fill();
ctx.beginPath();
ctx.arc(b.x,b.y,10,0,2*Math.PI,true);
ctx.fillStyle = "#00f";
ctx.fill();
ctx.beginPath();
ctx.arc(c.x,c.y,10,0,2*Math.PI,true);
ctx.fillStyle = "#f00";
ctx.fill();
</script>
</body>
</html>

可以尝试利用三角形相似原则，A和B点的坐标已知，直线距离已知，那么可以得到三角形的三个边的距离，那么如果知道已走的距离，那么该点的坐标可以通过两个三角形边的相似性原则求出来。