Javascript 谷歌地图方向V3：地图上的多个方向

我试图在一个地图实例上渲染多个方向（实际上是它们的多段线）。在早期版本的MapsAPI中，我做了如下操作

//directions[] stores the GDirections objects
//x[] is an array of Elements extracted from an XMLHTTPResponse object
//iterating over the values in x[]
GEvent.addListener(directions[i], "load", function() {
 var polyline = this.getPolyline();
 map.addOverlay(polyline);
 polyline.setStrokeStyle({opacity:0.2})
 });

directions[i].load("from:here to:"+x[i].childNodes[0].nodeValue,{getPolyline:true});

现在有了DirectionService和DirectionRenderer类，我不知道做同样事情的最佳实践是什么。我是否创建DirectionsRenderer类的多个实例，并让它们对主映射的实例执行setMap（）操作？我是否创建DirectionsServices类的多个实例

一般来说，我对javascript和函数式语言非常陌生，并且几乎没有通过理解函数闭包的尝试，因为它们与回调有关。对格式也表示歉意

---

任何帮助都将不胜感激，我将尝试澄清您可能提出的任何观点。

嘿，Ephraim，在研究了几个小时并尝试了我提出的不同解决方案之后，您需要创建不同的DirectionsRenderer实例，并且（这很重要！）在响应函数中创建DirectionsService实例。将引导您走向正确的方向。

嘿，Ephraim，在研究了几个小时并尝试了我提出的不同解决方案之后，您需要创建不同的DirectionsRenderer实例，并且（这很重要！）在响应函数中创建DirectionsService实例。将引导您找到正确的方向。

使用@ifaour发布的链接，我快速制作了一个肮脏的演示。因为我的目的是要求每个方向对象有多个唯一的航路点，所以我把这段代码看得有点远，为航路点创建数组：这里是……所有内容都是内联的：D

---

这是一套非常肮脏的代码（我是中间人）…无论如何，如果你能清理它

使用@ifour post的链接，我制作了一个肮脏的演示。因为我的目的是要求每个方向对象有多个唯一的航路点，所以我把这段代码看得有点远，为航路点创建数组：这里是……所有内容都是内联的：D

---

这是一组非常脏的代码（我是中间版本）…无论如何，如果可以的话，请清理它

显然，这在Firefox上有点不稳定…不过可以在Chrome和Safari上查看。我不知道IE，因为我现在在一个Maceventily上，这在Firefox上有点不稳定……不过可以在Chrome和Safari上查看一下。因为我在mac电脑上，所以对IE一无所知