複数のgmapポリラインを迅速にレンダリングする方法

Question

航空路線と空港の配列をループするコードがあり、各空港にマーカーを配置し、それらの間にポリラインを描画します。コードは機能し、400ルートがあるときは問題ありません。私がそれを完全な〜3500ishのルートに展開すると、ほぼ1分のレンダリングのために停止します。私はこれをスピードアップできる方法はありますか？

map.fitBounds(bounds); 
var flightPath; 
var flightPlanCoordinates; 
$.each(routes, function(key, route) { 
    flightPlanCoordinates = []; 
    flightPlanCoordinates.push(markers[route.origincode].position); 
    flightPlanCoordinates.push(markers[route.destinationcode].position); 
    flightPath = new google.maps.Polyline({ 
     path: flightPlanCoordinates, 
     geodesic: true, 
     strokeColor: '#004494', 
     strokeOpacity: 0.2, 
     strokeWeight: 1 
    }); 
    flightPath.setMap(map); //commenting this line speeds things back up 
    google.maps.event.addListener(flightPath, 'mouseover', function (event) { 
     this.setOptions({ 
      strokeOpacity: 1, 
      strokeWeight: 2 
     }); 
    }); 
    google.maps.event.addListener(flightPath, 'mouseout', function (event) { 
     this.setOptions({ 
      strokeOpacity: 0.2, 
      strokeWeight: 1 
     }); 
    }); 
}); 

Answer 1

私はあなたがMapsActivity開始する前に、バックグラウンドでの方向jsonデータを要求してデコードすることをお勧めします。また、あなたの多くの費用がかかります配列のすべての日付のストレージの代わりにフローデータを作るSharedPreferencd（例えば：1 - >（1.12,1.32）、2 - >（1.32,2.52）ランニング速度を低下させる。最後に、LatLngデータをSharedPreferencedから受け取り、痛めます。