Google maps 谷歌地图不一致的路线渲染[Gmapsjs]

我用它在地图上画路线。尝试仅绘制一条管线时，管线会完全渲染，但添加第二条管线时，管线不会完全渲染。请参考下图

在图像中，您可以看到缺少到标记的路由，但有时所有路由都已正确设置，有时未为所有标记设置路由。这是gmapsjs的问题吗

每次单击时，我都会为标记和管线指定一种新颜色

var color = ['88511c','881c7d','1c8859','1c7788','1c3d88','c92a2a']; 
var colorname = ['brown','pink','green','teal','blue','red'];
var cl = 0;

$(document).on('click','.route',function(){
    initializeMap(routeArray);
});

function initializeMap(route){
if(route.length > 0){
  for(var i=0; i<route.length; i++){
    var next = i + 1;
    map.addMarker({
      lat: route[i].lat,
      lng: route[i].lon,
      infoWindow: {
        content: 'Name: '+route[i].name+' | Pincode: '+route[i].pincode
      },
      icon: 'maps/assets/icons/'+colorname[cl]+'.png'
    });
    if(next < route.length){
      map.drawRoute({
        origin: [route[i].lat, route[i].lon],
        destination: [route[next].lat, route[next].lon],
        travelMode: 'driving',
        strokeColor: '#'+color[cl],
        strokeOpacity: 1,
        strokeWeight: 3
      });
    }
  } // End for
  cl++;
}
map.fitZoom();
}

var color=['88511c'，'881c7d'，'1c8859'，'1c7788'，'1c3d88'，'c92a2a']；
var colorname=[‘棕色’、‘粉色’、‘绿色’、‘青色’、‘蓝色’、‘红色’]；
var-cl=0；
$（文档）.on（'click'，'route'，function（）{
初始化映射（routeArray）；
});
函数初始化映射（路由）{
如果（route.length>0）{
对于（var i=0；i我在代码中什么也不做就解决了问题。单击第一条路线后，我需要等待至少3秒钟，然后再单击第二条路线。这都是关于两条路线在地图上呈现的时间间隔。
你能添加一个
路线
可变内容的示例吗？