数百个标记同时移动.糟糕的表现

我使用的是谷歌地图api v3，我需要同时移动许多（数百）个标记。从服务器上，我得到了一组对象，表示一个标记随时间（几个月）移动时的坐标，并按移动时间排序。在我的地图上方，我有一个进度条，用"月：年"文本表示时间。我的代码所做的是在准确的时间移动标记（并绘制多段线），使其符合当前显示在"时间进度条"上的时间。在标记停止的每个位置，我都会留下一个新的标记来显示运动的历史。整个过程一次又一次地重复（setInterval（）函数）。我的代码正在工作，问题是性能，所以我想问：有什么方法可以提高性能吗？有比我更好的方法吗？一定有什么。这是我的代码：

if (mapOverTime != null) {
    trackables.forEach(function (trackable) {
        var marker = new google.maps.Marker({
            map: mapOverTime,
            draggable: false,
            clickable: false,
            icon: geoIcon,
            animation: google.maps.Animation.none,                                
            zIndex: 2
        });            
        var polyline = new google.maps.Polyline(polyOptions);
        polyline.setMap(mapOverTime);
        // adding these to arrays so i can access and remove them from the map later
        markersArray.push(marker);
        polylineArray.push(polyline);
        trackable.years.forEach(function(year) {
            $.each(year.months, function(index, month) {
                setTimeout(function() {
                    if (month.coordinates.length > 0) {
                        var moveCounter = month.coordinates.length;
                        var timeToMove = Math.floor(pause_interval / moveCounter);
                        $.each(month.coordinates, function(i, position) {
                            var latTo = position.latitude;
                            var lngTo = position.longitude;
                            var destination = new google.maps.LatLng(latTo, lngTo);
                            setTimeout(function() {
                                moveToPosition(marker, destination, polyline);
                            }, (i) * timeToMove);
                        });
                    }
                }, pause_interval * index);
            });
        });
    });
}

这是使移动发生的功能：

function moveToPosition(marker, destination, polyline) {
  // current path of the polyline
  var path = polyline.getPath();
  // add new coordinate
  path.push(destination);
  // rendering whole line would make the map even more chaotic, this makes the line dissapear after 8 moves of the marker
  if (path.getLength() > 8) // comment out to render whole 
      th.removeAt(0); // path of polyline
  // set marker position to the new one
  marker.setPosition(destination);
  // render new marker on this position so that it is well visible where the coins were
  var historyPoint = new google.maps.Marker({
    map: mapOverTime,
    draggable: false,
    icon: historyIcon,
    animation: google.maps.Animation.none,
    zIndex: 0
  });
  historyPoint.setPosition(destination);
  // again add to global array so i can set access and remove this marker from the map later
  historyPoints.push(historyPoint);        
}

我所做的唯一一件事就是遍历所有标记及其坐标，在给定时间移动标记，在其后面划一条线，在新位置创建新标记，然后寻找另一个坐标。当1次迭代结束时，所有对象都将从映射中删除，并且过程将重新开始。知道如何提高性能吗？或者唯一的解决方案是减少我想要渲染的标记的数量？谢谢你的意见！