1
00:00:00,000 --> 00:00:11,712

2
00:00:11,712 --> 00:00:12,850
>> ROB 보덴 : 안녕하세요.

3
00:00:12,850 --> 00:00:13,780
롭 해요.

4
00:00:13,780 --> 00:00:19,500
그리고 당신은 무엇을 선택할 준비가 희망
나는, 이탈 또는 아래로 걸었습니다

5
00:00:19,500 --> 00:00:22,230
또는 지금 당장 시작하자.

6
00:00:22,230 --> 00:00:25,040
우리가 필요로하는 그래서 일단
수행하는 픽업입니다.

7
00:00:25,040 --> 00:00:29,370
이제, 픽업 제거 될 것입니다
구글에서 승객의 아이콘

8
00:00:29,370 --> 00:00:32,759
오른쪽 아래에있는 및지도
의 중심에있는 구글 어스

9
00:00:32,759 --> 00:00:33,970
화면.

10
00:00:33,970 --> 00:00:37,180
그래서 위해 사람들을 제거하는
아이콘은, 우리가 필요

11
00:00:37,180 --> 00:00:39,040
어딘가에 참조.

12
00:00:39,040 --> 00:00:43,680
그러나 현재 채우기 기능
단지 그들을 제거한다.

13
00:00:43,680 --> 00:00:48,140
그래서 우리가 수정해야 할 것입니다
그들 주위를 계속 채 웁니다.

14
00:00:48,140 --> 00:00:53,440
>> 우리가 볼 수 있습니다 지금 우선은 우리
글로벌 승객 배열이있다.

15
00:00:53,440 --> 00:00:57,710
그래서 우리는 세계의를 사용하는 것입니다
채우기 승객의 배열입니다.

16
00:00:57,710 --> 00:01:03,230
채우기에, 우리는 우리가 반복하는 것을 볼 수
승객의 모든 것을.

17
00:01:03,230 --> 00:01:10,420
그리고 생성 된이 루프의
구글 어스에 대한 마크를 배치

18
00:01:10,420 --> 00:01:12,540
구글 맵 마커.

19
00:01:12,540 --> 00:01:16,420
그리고 지금 우리의 수정
채우는 것은 여기에있다.

20
00:01:16,420 --> 00:01:21,760
그래서 우리는 '우리의 승객에 추가하는
배열을 유지하고이 객체

21
00:01:21,760 --> 00:01:26,480
마커 및 장소 표시 주위에 우리 단지
집과 함께 만들어

22
00:01:26,480 --> 00:01:28,460
승객의 이름입니다.

23
00:01:28,460 --> 00:01:30,560
>> 그래서 채우기 위해 그것을이다.

24
00:01:30,560 --> 00:01:33,210
이제 우리는 데리러 볼 필요가있다.

25
00:01:33,210 --> 00:01:38,540
그래서 주워, 우리는 다시 한 번거야
우리의 모든 승객을 반복.

26
00:01:38,540 --> 00:01:41,340
하지만 지금은 우리의 세계의
승객의 배열입니다.

27
00:01:41,340 --> 00:01:46,150
그리고 여기에 우리는, 그 잘했습니다보고있다
우리는 이미이 승객을 태워?

28
00:01:46,150 --> 00:01:50,030
이후 우리는 이것을 포착 한 경우
승객, 우리는 결국 볼이

29
00:01:50,030 --> 00:01:55,240
우리는 마커를 설정할 예정입니다
그들은 더에 있기 때문에 null로 장소 표시

30
00:01:55,240 --> 00:01:56,930
구글지도에서 이상.

31
00:01:56,930 --> 00:02:00,920
>> 우리는 이미이를 데리러 그렇다면
승객 우리는 단지거야

32
00:02:00,920 --> 00:02:02,920
다음 승객을 계속합니다.

33
00:02:02,920 --> 00:02:07,380
그렇지 않으면, 우리는 확인이있는 경우
승객의 집의 내부

34
00:02:07,380 --> 00:02:08,590
집의 배열입니다.

35
00:02:08,590 --> 00:02:11,900
이것은 우리가 확인해야 확인하는 것입니다
우리는 신입생을 선택하지 않는 것이

36
00:02:11,900 --> 00:02:13,180
사양은 말합니다.

37
00:02:13,180 --> 00:02:15,920
그래서 승객은 신입생 인 경우,
우리는 갈거야

38
00:02:15,920 --> 00:02:18,190
다음 승객을 계속합니다.

39
00:02:18,190 --> 00:02:21,720
>> 우리는이 것을 확인 한 후에
승객은 우리가 들어도 되겠다

40
00:02:21,720 --> 00:02:25,340
우리는 지금 위도를 확인하는 것입니다
와 승객의 경도 및 참조

41
00:02:25,340 --> 00:02:27,760
그 15 피트 이내의 경우
셔틀.

42
00:02:27,760 --> 00:02:31,720
그런 경우, 우리가 실제로 원하는
이 승객을 데리러.

43
00:02:31,720 --> 00:02:35,890
그래서 우리의 모든 좌석에 통합
우리의 셔틀에서 볼을 찾고있는 경우

44
00:02:35,890 --> 00:02:38,110
가능한 자리가있다
승객.

45
00:02:38,110 --> 00:02:41,540
좌석 중 하나가 null의 경우,
즉, 사용 가능한 자리입니다.

46
00:02:41,540 --> 00:02:45,140
그래서 우리는 좌석에 승객을 추가합니다.

47
00:02:45,140 --> 00:02:48,760
우리는 우리가 집어 기억
승객 결국, 우리가 할 수 있도록

48
00:02:48,760 --> 00:02:52,450
발표하면 우리는 실제로
사람을 선택하지 않았다.

49
00:02:52,450 --> 00:02:56,140
우리는 우리가이 장착 기억
승객 이후 우리가 얻을 관리하는 경우

50
00:02:56,140 --> 00:02:59,320
없이 전체 셔틀 버스를 통해
승객 좌석, 우리는 필요

51
00:02:59,320 --> 00:03:00,885
우리는 좌석이 떨어 ​​졌다고 발표.

52
00:03:00,885 --> 00:03:03,760

53
00:03:03,760 --> 00:03:06,885
>> 그 다음 우리는 자신의 자리를 제거
구글 어스에서 표시합니다.

54
00:03:06,885 --> 00:03:11,310
우리는 구글지도에서 자신의 마커를 제거,
승객의 내 설정 '

55
00:03:11,310 --> 00:03:14,830
배열 위치 표시 마커
우리가 전에 말했듯이 null로.

56
00:03:14,830 --> 00:03:16,035
그리고 그것 뿐이다.

57
00:03:16,035 --> 00:03:17,050
승객이 앉아있다.

58
00:03:17,050 --> 00:03:19,570
우리는 모든 승객을 위해 그 일을 한 후에
15 피트 이내

59
00:03:19,570 --> 00:03:23,250
셔틀, 우리는 rechart해야합니다.

60
00:03:23,250 --> 00:03:30,270
>> 그래서 차트 표시 무슨이다
여기에 좌석에 승객.

61
00:03:30,270 --> 00:03:32,760
그래서 지금의 차트를 살펴 보자.

62
00:03:32,760 --> 00:03:37,960
차트의 안쪽에, 우리가 될 것입니다
차트의 HTML을 구성.

63
00:03:37,960 --> 00:03:41,160
그래서 차트는 것입니다
정렬 된 목록이 될.

64
00:03:41,160 --> 00:03:44,300
그 다음 우리는 모든 반복합니다
우리의 셔틀 버스의 좌석.

65
00:03:44,300 --> 00:03:48,450
이 특별한 자리가 null이 경우, 그
우리는 목록의 항목을 원하는 것을 의미

66
00:03:48,450 --> 00:03:50,800
그것은 빈 쉽게 나타냅니다.

67
00:03:50,800 --> 00:03:55,650
null가 아닌 경우 다른, 우리는 원하는
표시 할 것입니다 목록 항목

68
00:03:55,650 --> 00:03:58,660
승객의 이름과
승객의 집

69
00:03:58,660 --> 00:04:00,420
즉,이 자리에 있습니다.

70
00:04:00,420 --> 00:04:04,620
>> 우리는에 반복 한 후에
좌석 우리는 우리의 정렬 된 목록을 닫습니다

71
00:04:04,620 --> 00:04:09,410
및 차트 사업부를 선택하는 jQuery를 사용
그것은 우리의 새로운과 HTML의 대체

72
00:04:09,410 --> 00:04:10,550
목록을 명령했다.

73
00:04:10,550 --> 00:04:12,090
그리고 그 그림을 위해이다.

74
00:04:12,090 --> 00:04:15,170
>> 그래서 마지막 것은 내려합니다.

75
00:04:15,170 --> 00:04:20,860
이제 내려하면 될 것입니다
픽업 꽤 유사.

76
00:04:20,860 --> 00:04:24,150
대신 모든 통해 루핑
승객, 우리는 반복 할거야

77
00:04:24,150 --> 00:04:25,780
셔틀의 모든 좌석.

78
00:04:25,780 --> 00:04:29,720
그래서 셔틀 버스 좌석에 대한 반복, 우리
볼이 특정 셔틀 좌석입니다

79
00:04:29,720 --> 00:04:32,850
거기에 어떤 경우에는, null가 아닌
이 좌석의 승객.

80
00:04:32,850 --> 00:04:35,380
그런 경우, 우리는 원하는
위도를 잡고하기

81
00:04:35,380 --> 00:04:37,030
이 승객의 경도.

82
00:04:37,030 --> 00:04:42,110
>> 그래서 집의 배열을 사용하여, 우리는거야
의 집에 잡아 가고

83
00:04:42,110 --> 00:04:46,990
이 자리에있는 승객 다음 잡아
특정 집의 위도

84
00:04:46,990 --> 00:04:49,070
마찬가지로 경도에 대한.

85
00:04:49,070 --> 00:04:54,270
이제, 우리는 다시 한 번 볼 거리를 사용
그 집에서 우리 30 피트 이내입니다.

86
00:04:54,270 --> 00:04:58,320
그런 경우, 그들은 설정하려면
null로이 자리, 이후 승객

87
00:04:58,320 --> 00:05:01,760
떨어 뜨리고, 및 증가이었다
승객이 떨어져 떨어졌다.

88
00:05:01,760 --> 00:05:05,910
그 때문에 결국 아무도 없었다 경우
떨어 뜨리고, 우리는 발표가 아무도 없습니다

89
00:05:05,910 --> 00:05:07,600
여기에서 내려 드릴 수 있습니다 싶어.

90
00:05:07,600 --> 00:05:12,510
>> 마지막으로, 우리는 그래서 rechart 필요
우리는 새로운, 빈 좌석을 표시합니다.

91
00:05:12,510 --> 00:05:15,770
당신은 이제 구현해야
몇 가지 추가 기능을 제공합니다.

92
00:05:15,770 --> 00:05:17,680
지금, 많은 당신이 수의
에서 선택했습니다.

93
00:05:17,680 --> 00:05:21,630
그러나 우리의 경우에 우리는 순간 이동을 구현,
비행, 최대 속도, 그리고

94
00:05:21,630 --> 00:05:22,770
아래로 과속.

95
00:05:22,770 --> 00:05:25,100
그래서 그 살펴 보자.

96
00:05:25,100 --> 00:05:27,830
먼저,를 살펴 보자
최대 속도 기능.

97
00:05:27,830 --> 00:05:32,720
그래서 우리의 경우, 키 입력에
우리가 이미 처리하는 기능,

98
00:05:32,720 --> 00:05:39,900
이러한 모든 키는, 우리는거야
X 우리가 지정 Z. 인식

99
00:05:39,900 --> 00:05:43,720
이러한 문자에가는 것을
셔틀의 속도에 원인

100
00:05:43,720 --> 00:05:46,530
증가 및 감소.

101
00:05:46,530 --> 00:05:50,940
>> 그래서 우리는 방법에 대한 바인딩을 넣어 것을 알 수
높은 방법 낮은 속도 수에

102
00:05:50,940 --> 00:05:55,030
우리가 원하는하지 않기 때문에 실제로 이동
셔틀 버스가 너무 빨리합니다.

103
00:05:55,030 --> 00:05:58,180
그리고 우리는 또한 셔틀의 원하지 않는
제로 또는 아마도에 가서 속도

104
00:05:58,180 --> 00:06:01,480
될 것이다에도 부정적인
어떤 이상한 행동.

105
00:06:01,480 --> 00:06:03,890
그리고 그 속도 위반을 위해의
위아래로 둔화.

106
00:06:03,890 --> 00:06:05,980
>> 이제 비행에 대해 살펴 보겠습니다.

107
00:06:05,980 --> 00:06:11,370
그래서 기억이 나는 기능
코나미 코드를 입력해야합니다.

108
00:06:11,370 --> 00:06:18,070
그래서 상단까지, 우리는 우리가 일부를 가지고 참조
전역 변수, 코나미 코드하는 것입니다

109
00:06:18,070 --> 00:06:20,975
단지를 추적하는 것 배열
에 입력해야 할 키

110
00:06:20,975 --> 00:06:22,600
코나미 코드입니다.

111
00:06:22,600 --> 00:06:26,340
단지를 나타내는 부울이있다
코나미 코드가 이미 있는지 여부

112
00:06:26,340 --> 00:06:27,660
입력 한.

113
00:06:27,660 --> 00:06:30,430
그리고 인덱스에있다
코나미 코드 배열이

114
00:06:30,430 --> 00:06:31,770
우리는에서 현재입니다.

115
00:06:31,770 --> 00:06:36,020
>> 따라서 사용자가 이미 세 가지를 입력 한 경우
코나미 코드 문자

116
00:06:36,020 --> 00:06:40,530
다음 인덱스를 가리키는 것입니다
배열 네번째 것은,

117
00:06:40,530 --> 00:06:42,150
세 번째 인덱스입니다.

118
00:06:42,150 --> 00:06:44,630
그것을 사용하여, 다시 한 번 우리는거야
키 스트로크 (keystroke)를 봐주세요.

119
00:06:44,630 --> 00:06:48,040

120
00:06:48,040 --> 00:06:51,910
그리고 키 스트로크 (keystroke)에 우리는 여기에서 참조하는 경우
코나미 코드가 이미되지 않았습니다

121
00:06:51,910 --> 00:06:58,410
입력, 우리는보고 싶은입니다
키가 우리가 왜 왔는지 입력 된

122
00:06:58,410 --> 00:07:01,250
현재에서 기대
코나미 코드의 배열입니다.

123
00:07:01,250 --> 00:07:04,350
이 사건의 경우,
우리는 우리의 인덱스를 증가.

124
00:07:04,350 --> 00:07:07,660
>> 만약 사용자 유형은 최대 다음 인덱스
하나에 갈 것입니다.

125
00:07:07,660 --> 00:07:10,280
그런 다음 사용자가 다시 입력합니다,
지수는 두 가지로 이동합니다.

126
00:07:10,280 --> 00:07:12,150
그리고 그들은 아래로 입력합니다,
그것은 세 가지로 이동합니다.

127
00:07:12,150 --> 00:07:17,320
그들은 Q를 입력하면, 그것은으로 재설정합니다
일치하지 않았기 때문에 제로

128
00:07:17,320 --> 00:07:20,140
기대 값.

129
00:07:20,140 --> 00:07:24,810
지금, 그들은 통해 얻을 관리하는 경우
전체 배열은 그들이 입력 한

130
00:07:24,810 --> 00:07:26,280
코나미 코드입니다.

131
00:07:26,280 --> 00:07:33,960
이 경우, 현재 코나미는 입력 한
사실, 우리는 여기 아래를 참조하는 경우

132
00:07:33,960 --> 00:07:40,460
코나미가 입력 된, 우리는 두 가지 새로운에 동의
키, C와 E 어느 모든 사람이 할 것

133
00:07:40,460 --> 00:07:45,800
설정 아래 비행과 비행
셔틀 위쪽 상태.

134
00:07:45,800 --> 00:07:48,530
아직 당신을 위해 존재합니다.

135
00:07:48,530 --> 00:07:51,190
당신은 취할 필요
그들의 장점.

136
00:07:51,190 --> 00:07:52,890
그리고 비행을 위해이다.

137
00:07:52,890 --> 00:07:54,680
>> 마지막으로, 우리는 텔레있다.

138
00:07:54,680 --> 00:08:00,710
그래서 HTML 내부에, 우리는 볼
우리는 입력 상자를 추가했습니다

139
00:08:00,710 --> 00:08:02,270
버튼을 텔레포트.

140
00:08:02,270 --> 00:08:08,300
박스 ID는 주소 및 버튼을 가지고
ID 텔레 버튼이 있습니다.

141
00:08:08,300 --> 00:08:13,970
이제 하나의 성가신 작은 세부 사항입니다
우리는 이벤트와 작업을 수행하지 않는 경우

142
00:08:13,970 --> 00:08:19,210
핸들러 우리는 입력 할 때
입력 상자에 같은,

143
00:08:19,210 --> 00:08:25,250
대신 실제로, 우리의 구글을 묶는
지구로 이동하는 것입니다

144
00:08:25,250 --> 00:08:30,040
이미 등록되어 있기 때문에 왼쪽
왼쪽으로 이동 처리합니다.

145
00:08:30,040 --> 00:08:35,100
>> 그래서 여기에 성가신 세부 사항입니다
우리는 아래로 키 또는 키를 백업이있을 때

146
00:08:35,100 --> 00:08:40,789
입력 상자의 내부 이벤트는, 우리가 원하는
전파를 event.stop 할 수 있습니다

147
00:08:40,789 --> 00:08:43,830
다만 방지하는 것
셔틀의 슬라이딩.

148
00:08:43,830 --> 00:08:48,510
그가 처리하고 나면, 우리는 또한 추가 할
텔레 버튼 핸들러.

149
00:08:48,510 --> 00:08:52,880
우리는 텔레포트 버튼을 클릭하면, 우리
전류 어드레스를 잡아

150
00:08:52,880 --> 00:08:57,580
입력 상자의 값, 다음
우리는이 순간 이동 함수를 호출합니다.

151
00:08:57,580 --> 00:09:00,910
>> 그래서 순간 이동은 무엇을합니까
함수처럼?

152
00:09:00,910 --> 00:09:04,840
글쎄, 우리가 보는 첫 번째 것은 우리가있어입니다
지오 코더를 사용하여. 지오 코딩.

153
00:09:04,840 --> 00:09:06,940
그래서 무엇입니까?

154
00:09:06,940 --> 00:09:10,330
글쎄, 우리는 상단에 보면,
우리는 우리가 새를 볼

155
00:09:10,330 --> 00:09:13,860
전역 변수, 지오 코더.

156
00:09:13,860 --> 00:09:17,500
그리고 이것은 글로벌 참조입니다
지오 코딩 서비스.

157
00:09:17,500 --> 00:09:19,380
이제 우리를 위해 무엇을 하는가?

158
00:09:19,380 --> 00:09:23,810
음, 입력 상자에, 나는 될거야
33 옥스퍼드 같은 것을 입력

159
00:09:23,810 --> 00:09:26,040
거리 케임브리지, 매사추세츠.

160
00:09:26,040 --> 00:09:28,580
하지만 우리가 정말 할 수 없습니다
그 무엇이든.

161
00:09:28,580 --> 00:09:31,760
우리는 해당를 변환 할
위도와 경도.

162
00:09:31,760 --> 00:09:34,940
그리고 무엇 지오 코딩 서비스 인데요,
우리를 위해 할 것입니다.

163
00:09:34,940 --> 00:09:40,630
initcb의 맨 아래에, 우리는 볼
우리는 지오 코더가 새로운 같음이

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder하는 초기화
우리를 위해이 변수.

165
00:09:45,830 --> 00:09:47,930
>> 그래서 순간 이동 백업 할 수 있습니다.

166
00:09:47,930 --> 00:09:51,240
우리는 우리가 지오 코더를 사용하는 참조하십시오.

167
00:09:51,240 --> 00:09:54,970
우리는 한 주소를 지오 코딩하고
텔레포트 함수에 전달되는

168
00:09:54,970 --> 00:09:57,450
입력 상자에서 잡고 있었다.

169
00:09:57,450 --> 00:10:02,020
그리고 우리는 다시에게 전화를 전달하고
결과 및 상태를 취한다.

170
00:10:02,020 --> 00:10:05,905
우리가 당 검사 할 필요가 그래서 일단
google.maps의 API 문서.

171
00:10:05,905 --> 00:10:06,130
GeocodingService.

172
00:10:06,130 --> 00:10:08,330
지도

173
00:10:08,330 --> 00:10:11,550
>> 그래서 우리는 상태를 확인해야합니다
그것이 돌려 보내는 경우에 볼 수 있습니다.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK하는
우리는 유효한 결과를 나타냅니다.

175
00:10:16,820 --> 00:10:19,310
우리는, 우리가 얻을 수없는 경우, 더 할 수 없다.

176
00:10:19,310 --> 00:10:20,990
이것은 잘못된 주소 일 수 있습니다.

177
00:10:20,990 --> 00:10:24,630
또는 API 서비스의 힘
중단되었거나 누가 알아?

178
00:10:24,630 --> 00:10:29,980
우리가 다음 성공의 결과가 가정
우리의 위치를​​ 잡아거야

179
00:10:29,980 --> 00:10:30,790
결과.

180
00:10:30,790 --> 00:10:34,220
그리고 우리는 구글 맵을 설정하는거야
될 수있는 오른쪽 하단 모서리에있는

181
00:10:34,220 --> 00:10:38,870
그 위치를 중심으로하고 업데이트
그 위치를지도 상에 버스.

182
00:10:38,870 --> 00:10:41,620
>> 그리고 지금 우리는 업데이트해야
구글 어스 플러그인합니다.

183
00:10:41,620 --> 00:10:45,340
그래서 우리는 위도를 업데이트하고
셔틀의 경도.

184
00:10:45,340 --> 00:10:50,570
그리고 우리는 또한 업데이트해야
shuttle.localAnchorCartesian 경우 이후

185
00:10:50,570 --> 00:10:55,250
당신이 shuttle.js 보면, 당신은 것을 볼 수 있습니다
그 또한 위도를 추적

186
00:10:55,250 --> 00:10:56,310
와 경도.

187
00:10:56,310 --> 00:10:59,490
우리가 업데이트되지 않습니다 그래서, 우리는이
원래의 위도와 경도

188
00:10:59,490 --> 00:11:01,330
저장 어딘가에 숨겨져 있습니다.

189
00:11:01,330 --> 00:11:06,490
그래서 지금, 우리가 호출하는 것이 업데이트
shuttle.updateCamera는 새로 고침

190
00:11:06,490 --> 00:11:09,070
화면이 우리에게 우리의 새로운 위치를 보여줍니다.

191
00:11:09,070 --> 00:11:10,380
그리고 바로 그거야.

192
00:11:10,380 --> 00:11:11,500
내 이름은 롭입니다.

193
00:11:11,500 --> 00:11:12,750
그리고 이것은 셔틀 버스 운행했다.

194
00:11:12,750 --> 00:11:18,080