沿着现有特性扩展LineString/MultiLineString

Question

我给出了两点的坐标。我可以画一个连接这两个点的LineString。我想要实现的是拥有一个LineString/MultiLineString，它是连接点，但它也要长一些(比方说，比这两个点之间的距离长20% )，它只在一个点之后扩展。

我现在拥有的是：

​

我想达到的目标是：

​

我的问题是，我不知道如何找到第三点的位置，这意味着线的结束。在给定的距离内，它应该准确地放置在现有的线上。任何类型的地图投影都不重要，因为我只想要一条永远是直线的线。

const markerOne = new ol.Feature({
  geometry: new ol.geom.Point([-1000, -1000])
});

const markerTwo = new ol.Feature({
  geometry: new ol.geom.Point([1000, 1000])
});

const lineStrEnd = ?;

const lineStr = new ol.Feature({
 geometry: new ol.geom.LineString([markerOne.getGeometry().getCoordinates(), lineStrEnd])
});

这是工作小提琴

Answer 1

最简单的方法是缩放几何图形，例如，从markerOne到markerTwo的一行串增加了20%，标度锚定在markerOne上，因此线的范围超出了markerTwo。

const lineStr = new ol.Feature({
 geometry: new ol.geom.LineString([markerOne.getGeometry().getCoordinates(), markerTwo.getGeometry().getCoordinates()])
});

lineStr.getGeometry().scale(1.2, 1.2, markerOne.getGeometry().getCoordinates());