jsDeferredを使った同期処理

jsDeferredを使った同期処理について

Google maps apiを使用したアプリケーションを作成しています。

directionsService.route()内で、配列に経路情報を格納していますが、
非同期処理を行っているため、配列に格納する前に、配列表示が先に実行されてしまいます。

同期を取りたいと考え、jsDeferredを使い、以下のように記述しましたが、
結果は変わらずに配列表示が先に実行されてしまいます。

どうすれば、同期処理を実現出来ますか？
ご教授お願いします。

html
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="UTF-8">
5	<title>Sample</title>
6	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
7	<script type="text/javascript" src="./jsdeferred.js"></script> 
8	<script type="text/javascript">
9		// 経路検索オプション
10		var mapOptions = {
11			zoom: 12,
12			center: null,
13			mapTypeId: google.maps.MapTypeId.ROADMAP,
14			scaleControl: true
15		};
16		// 配列定義
17		var infoList = new Array();
18		// 開始地点と終了地点、ルーティングの種類の設定 
19		var request = {
20				origin: "東京駅",
21				destination: "新宿駅",
22				travelMode: google.maps.DirectionsTravelMode.DRIVING 
23		};
24		
25		// 読み込み完了
26		google.maps.event.addDomListener(window, 'load', function() {
27			// Deferred定義
28			Deferred.define();
29			// 描画要素取得
30			var mapObj = new google.maps.Map(document.getElementById('gmap'), mapOptions);
31			// ルートを表示するマップを設定
32			var directionsRenderer = new google.maps.DirectionsRenderer();
33			directionsRenderer.setMap(mapObj);
34			// ルート検索を行う 
35			var directionsService = new google.maps.DirectionsService(); 
36			next(function(){
37				directionsService.route(request, function(result, status) { 
38					// 正常なら表示
39					if (status == google.maps.DirectionsStatus.OK) { 
40						directionsRenderer.setDirections(result); 
41						// 経路毎に取得
42						for (var i in result.routes[0].legs) {
43							//配列格納
44							infoList.push(result.routes[0].legs[i].duration.value);
45						}
46					} 
47				}); 
48			}).next(function(){
49				console.log(infoList);
50			});
51		});
52	</script>
53</head>
54<body>
55	<div id="gmap" style="width: 500px; height: 370px;"></div>
56</body>
57</html>