javascript - Google マップ V3 - 間隔のあるマーカーとポリラインを配置

Question

私は何時間も試みており、このフォーラムの投稿も参照しましたが失敗しました。マップ上に最大 1000 個のマーカーが多数あります。マップの位置を移動しようとすると、マップの速度が低下します。そのため、地図上に表示されるマーカーの間隔を設定する必要があります。300 を超えるマーカーがある場合は、間隔を 10 としましょう。どうやってやるの？以下は私のコードです：

var trace_markers= [];
var pins = [];
var pin;
function Trace_Pin(Lat, Long, immat, type, site, vitesse, date){    
 pin = {
    latitude: document.getElementById('Lat'),
    longitude: document.getElementById('Long'),
    immat: document.getElementById('immat'),
    date: document.getElementById('date'),
    type: document.getElementById('type'),
    site: document.getElementById('site'),
    speed: document.getElementById('vitesse')
};
pins.push(pin);
ListPin();}

function ListPin()
{ 
var image_trace = new google.maps.MarkerImage('http://maps.google.com/mapfiles/kml/pal3/icon61.png',
    new google.maps.Size(32, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(16, 16));


if (pins.length > 200){
for ( var i=0; i< pins.length ;i+10){   
  var vehlatlng = new google.maps.LatLng(pins[i].latitude, pins[i].longitude) ;
  var trace_marker = new google.maps.Marker({
     map: map,
     position: vehlatlng,
     icon: image_trace  });
  trace_marker.tooltip_html = '<div class="tooltip">' + 'Date : ' + pins[i].date + '<br>' + 'Vitesse : ' + pins[i].vitesse + ' km/h' + '<br>' + '<\/div>';   
  trace_markers.push(trace_marker);
  trace_marker.setMap(map);
  Liste_Points.push(trace_marker.getPosition());
  TraceBounds.extend(trace_marker.position); }


   }
   if (pins.length < 200){
   for ( var i=0;i< pins.length ;i++){  
  var vehlatlng = new google.maps.LatLng(pins[i].latitude, pins[i].longitude) ;
  var trace_marker = new google.maps.Marker({
     map: map,
     position: vehlatlng,
     icon: image_trace  });
  trace_marker.tooltip_html = '<div class="tooltip">' + 'Date : ' + pins[i].date + '<br>' + 'Vitesse : ' + pins[i].vitesse + ' km/h' + '<br>' + '<\/div>';   
  trace_markers.push(trace_marker);
  trace_marker.setMap(map);
  Liste_Points.push(trace_marker.getPosition());
  TraceBounds.extend(trace_marker.position); }
   }
  // Evenement MouseOver 
  //-----------------------------------------------------
   google.maps.event.addListener(map, 'mouseover', function() {
        showTooltip(trace_marker);
        });
   }
// ------------------------------------------------------------------------------------
//**************************************************************************************
//                          On joint les points du parcours
//**************************************************************************************
// ------------------------------------------------------------------------------------
function Trace_Route() {
   if (route) { route.setMap(null); }
   if (Liste_Points.length > 1) {
        route = new google.maps.Polyline({
                path: Liste_Points,
                strokeColor: "#FF0000",
                strokeOpacity: 1.0,
                strokeWeight: 2});
        route.setMap(map);
    }
}