【问题标题】:Place Marker on center of polyline将标记放在折线的中心
【发布时间】:2013-05-06 23:02:00
【问题描述】:

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

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 是给定多段线的起点和终点。

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

【问题讨论】:

标签: google-maps-api-3


【解决方案1】:

我认为您正在寻找的是折线的中点,即您将经过的点具有沿路线的距离。对吗?

然后我会使用像this one which finds the midpoint of a polyline 这样的算法。该答案中的代码是为“定义为一系列 [x,y] 点”的折线编写的,但可以很容易地适应使用 Maps API 折线。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-12
    • 1970-01-01
    相关资源
    最近更新 更多