javascript - 如何在谷歌方向上制作无限折线并将可拖动标记适合该线？

Question

我发现在 google api 方向中只能添加八个航路点，你知道如何绕过这个限制吗？我试过显示方向api，但放弃了这个想法。现在我的解决方案是基于自己的多段线，每次单击都会添加应该粘在该线上的标记，接下来它应该随着您的拖动而移动，这里发生的是如果有超过 8 点的多段线与标记不再兼容。也许我的方法很糟糕？如何解决这个问题？

当前代码:jsfiddle

标记不在折线上:

Answer 1

避免将标记放置在 block 中间的一种方法是将标记放置在生成的多段线的末端，例如，在您的一个循环内，而不是点击所在的位置。

for (k = 0; k < next.length; k++) {
  polyline.getPath().push(next[k]);

  if (z == steps.length-1 && k == next.length-1) {
    var roadMarker = new google.maps.Marker( {
      map: map, 
      position: next[k], 
      icon: "http://labs.google.com/ridefinder/images/mm_20_green.png"
    });   
  }                        
}

您还必须更改第一个标记以放置在多段线的开头

这应用了上面的代码 http://jsfiddle.net/T79as/3/