google map怎么能动态画出不同颜色的轨迹？定时器应该加到哪里？

Question

var list = res.data.data;

      var arrPois = [];
      var lineColor = "";
      //将后台读取到的GPS点信息Point坐标点对象并用数组装起来
      //循环遍历数组
      var latlng = new google.maps.LatLng(39.92, 116.46);
      var myOptions = {
        zoom:20,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
      };
      var map = new google.maps.Map(document.getElementById("map"), myOptions);
      for (var i = 0; i < list.length - 1; i++) {
        arrPois.splice(0, arrPois.length);//清空数组,如若不清空，会在原来基础上每次在重复的增加一边。这儿是让每两个点画线，否则第二次进来的时候就成四个数据了，第二个重复了一次
        arrPois.push(new google.maps.LatLng(list[i].lat, list[i].lng));
        arrPois.push(new google.maps.LatLng(list[i + 1].lat, list[i + 1].lng));
        //区间颜色
        if (list[i].pump == 0) {
          lineColor = "#FFFF00";
        } else {
          lineColor = "#28bf81";
        }
        map.setCenter(arrPois[0]);
        //创建线路
        var polylineOptions =
          {
            path: arrPois,//所有的GPS坐标点
            strokeColor: lineColor, //线路颜色
            strokeWeight: 4,//线路大小
          };
        //绘制线路
        var poly2 = new google.maps.Polyline(polylineOptions);
          poly2.setMap(map);
      }