ズーム時のベースレイヤとベクタレイヤ間の遅延

リーフレットマップは完全に機能しています。しかし、ズームインまたはズームアウトしようとする度に、私のベクタレイヤー（200ポイント以上）がわずかに遅れていることに気付きました。それは「バウンスする」ように見えます。 FirefoxとChromeで試したところ、両方のブラウザで同じように動作します。これはレンダリングするデータが多いことを理解していますが、この問題を解決するために何かできることがあるのでしょうか？ズーム時のベースレイヤとベクタレイヤ間の遅延

は、ここで私がこれまで書いてきたJS少量のだ（HTMLは、ID "milwaukee_map" との大部分は、単に空白のdivです）：

// load the initial map! 
var theMap = L.map('milwaukee_map', { 
    minZoom: 11, 
    maxZoom: 19 
}) 
    .setView([43.041475, -87.923975], // zoom to Milwaukee County by default 
    11) // set initial zoom level 

// add basemap tiles 
L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', { 
    attribution: 'Basemap Data &copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>; Basemap &copy; <a href="http://cartodb.com/attributions">CARTO</a>', 
    subdomains: 'abcd' 
}).addTo(theMap); 

// load stops from carto 
function getStops() { 
    $.getJSON('https://benjamin-schroeder.carto.com/api/v2/sql?format=GeoJSON&q=SELECT the_geom, stop_name FROM mcts_stops_feb_16', function(data){ 
     stopsLayer = L.geoJson(data, { 
      pointToLayer: function(feature, latlng) { 
       return new L.CircleMarker(latlng, {radius: 2, fillOpacity: 0.85}); 
      } 
     }) 
     .addTo(theMap); 
    }) 
} 

getStops();

ライブ例：https://pantherfile.uwm.edu/schro333/public/mcts_map/

ありがとう！

出典

2016-08-10 Benjamin Schroeder