google-maps-api-3 - 将标记放在折线的中心

Question

我在 Polyline 类旁边使用 Google 的方向服务来沿着带有自定义颜色的道路绘制线条。我希望能够在折线的中心放置一个市场。我尝试使用以下代码：

function Marker(start, end) {
    var midP = google.maps.geometry.spherical.interpolate(start, end, 0.5);
    // console.log(map);
    // console.log(midP);
    var options = {
        position: midP
    };
    marker = new google.maps.Marker(options);
    marker.setMap(map);
}

start 和 end 是给定折线的起点和终点。

但是，标记不会落在折线上。它似乎直到你放大。我将不胜感激有关如何做到这一点的任何帮助。谢谢

Answer 1

我认为您正在寻找的是折线的中点，即您将经过的点具有沿路线的距离。那正确吗？

然后我会使用这样的算法来找到折线的中点。该答案中的代码是为“定义为一系列 [x,y] 点”的折线编写的，但可以很容易地适应使用 Maps API 折线。