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/