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

2
00:00:11,712 --> 00:00:12,850
>> ROB BOWDEN Cześć.

3
00:00:12,850 --> 00:00:13,780
Jestem Rob.

4
00:00:13,780 --> 00:00:19,500
I mam nadzieję, że jesteś gotowy do odbioru, co
Jestem zostawieniu lub układanie,

5
00:00:19,500 --> 00:00:22,230
lub zaczynajmy.

6
00:00:22,230 --> 00:00:25,040
Tak więc pierwszą rzeczą, którą musimy
zrobić, to odebrać.

7
00:00:25,040 --> 00:00:29,370
Teraz podnieś będzie usunięcie
ikony pasażerów z Google

8
00:00:29,370 --> 00:00:32,759
mapy w prawym dolnym rogu i od
Google Earth w centrum

9
00:00:32,759 --> 00:00:33,970
ekran.

10
00:00:33,970 --> 00:00:37,180
W porządku, tak aby usunąć te
ikony, musimy mieć

11
00:00:37,180 --> 00:00:39,040
odniesienia do nich gdzieś.

12
00:00:39,040 --> 00:00:43,680
Ale obecnie, Wypełnianie funkcji
po prostu pozbywa się ich.

13
00:00:43,680 --> 00:00:48,140
Więc będziemy musieli zmodyfikować
wypełnić, aby utrzymać je w pobliżu.

14
00:00:48,140 --> 00:00:53,440
>> Teraz pierwsza rzecz, zobaczymy, jest to, że
Posiadamy globalny pasażerów tablicę.

15
00:00:53,440 --> 00:00:57,710
I tak mamy zamiar używać tego Global
pasażerów tablicą w zapełnić.

16
00:00:57,710 --> 00:01:03,230
W zapełnić, widzimy, że jesteśmy w pętli
na wszystkich naszych pasażerów.

17
00:01:03,230 --> 00:01:10,420
I to jest to pętla, która jest tworzenie
umieścić znak dla Google Earth i

18
00:01:10,420 --> 00:01:12,540
Znacznik na mapie Google.

19
00:01:12,540 --> 00:01:16,420
A więc teraz nasza modyfikacja
do wypełnienia jest tu być.

20
00:01:16,420 --> 00:01:21,760
Więc dodajemy do naszych pasażerów "
Tablica to obiekt, który jest utrzymanie

21
00:01:21,760 --> 00:01:26,480
wokół znaku markera i miejsce po prostu
utworzony razem z domu

22
00:01:26,480 --> 00:01:28,460
Nazwisko pasażera.

23
00:01:28,460 --> 00:01:30,560
>> Tak, to jest to dla zapełnić.

24
00:01:30,560 --> 00:01:33,210
Teraz musimy patrzeć na odebrać.

25
00:01:33,210 --> 00:01:38,540
Więc w odebrać, jesteśmy znów będzie
iteracyjne nad wszystkich naszych pasażerów.

26
00:01:38,540 --> 00:01:41,340
Ale teraz to jest nasz globalny
pasażerów tablicą.

27
00:01:41,340 --> 00:01:46,150
I tutaj widzimy, że dobrze, nie
już odebrał tę pasażera?

28
00:01:46,150 --> 00:01:50,030
Ponieważ gdybyśmy wybrali się tego
Pasażer, widzimy, że w końcu

29
00:01:50,030 --> 00:01:55,240
mamy zamiar ustawić znacznik i
miejsce znak na null, ponieważ są one nie

30
00:01:55,240 --> 00:01:56,930
już w mapie Google.

31
00:01:56,930 --> 00:02:00,920
>> Więc jeśli już odebrał to
pasażerów, a następnie jesteśmy po prostu będzie

32
00:02:00,920 --> 00:02:02,920
przejść do następnego pasażera.

33
00:02:02,920 --> 00:02:07,380
Jeszcze, że należy sprawdzić, czy ta
dom pasażera jest wewnątrz

34
00:02:07,380 --> 00:02:08,590
Tablica House'a.

35
00:02:08,590 --> 00:02:11,900
To jest sprawdzenie musimy się upewnić,
że nie odebrać jako student pierwszego roku

36
00:02:11,900 --> 00:02:13,180
Specyfikacja mówi.

37
00:02:13,180 --> 00:02:15,920
Więc jeśli pasażer jest studentem pierwszego roku,
będziemy

38
00:02:15,920 --> 00:02:18,190
przejść do następnego pasażera.

39
00:02:18,190 --> 00:02:21,720
>> Po sprawdzeniu, że my to
Pasażer powinniśmy podnoszenia,

40
00:02:21,720 --> 00:02:25,340
Teraz mamy zamiar sprawdzić szerokość geograficzną
i długości od pasażera i zobaczyć

41
00:02:25,340 --> 00:02:27,760
jeśli to jest w ciągu 15 stóp
promu.

42
00:02:27,760 --> 00:02:31,720
Jeśli tak jest, tak naprawdę chcą
odebrać tego pasażera.

43
00:02:31,720 --> 00:02:35,890
Tak więc integracja na wszystkich siedzeniach
w naszej promu patrzy, jeśli

44
00:02:35,890 --> 00:02:38,110
jest dostępny na miejscu
dla pasażera.

45
00:02:38,110 --> 00:02:41,540
Jeśli jeden z foteli jest null,
że jest dostępny na miejscu.

46
00:02:41,540 --> 00:02:45,140
Więc dodać pasażera na siedzeniu.

47
00:02:45,140 --> 00:02:48,760
Pamiętamy, że wybraliśmy
pasażera, tak że w końcu możemy

48
00:02:48,760 --> 00:02:52,450
ogłosić, czy rzeczywiście
nie wybrać nikogo się.

49
00:02:52,450 --> 00:02:56,140
Pamiętamy, że w pozycji siedzącej to
Pasażer ponieważ jeśli uda nam się uzyskać

50
00:02:56,140 --> 00:02:59,320
przez cały autobus bez
siedzenia pasażera, to musimy

51
00:02:59,320 --> 00:03:00,885
informujemy, że jesteśmy z siedzeń.

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

53
00:03:03,760 --> 00:03:06,885
>> Następnie usuwamy ich miejsce
oznaczyć z Google Earth.

54
00:03:06,885 --> 00:03:11,310
Możemy usunąć swój znacznik z Google Maps,
ustawiony wewnątrz naszych pasażerów "

55
00:03:11,310 --> 00:03:14,830
Znak miejsce tablica i marker
do wartości null jak powiedzieliśmy wcześniej.

56
00:03:14,830 --> 00:03:16,035
A potem to wszystko.

57
00:03:16,035 --> 00:03:17,050
Pasażer został osadzony.

58
00:03:17,050 --> 00:03:19,570
Kiedy już to zrobisz dla wszystkich pasażerów
w ciągu 15 stóp

59
00:03:19,570 --> 00:03:23,250
transport, musimy rechart.

60
00:03:23,250 --> 00:03:30,270
>> Wykres jest więc, co się dzieje, aby wyświetlić
pasażerów w siedzenia tutaj.

61
00:03:30,270 --> 00:03:32,760
Teraz spójrzmy na wykres.

62
00:03:32,760 --> 00:03:37,960
Wewnątrz wykresu, mamy zamiar być
konstruowaniu HTML dla wykresu.

63
00:03:37,960 --> 00:03:41,160
Więc wykres będzie
być uporządkowany.

64
00:03:41,160 --> 00:03:44,300
Potem iteracyjne nad wszystkie
siedzenia w naszym busem.

65
00:03:44,300 --> 00:03:48,450
Więc jeśli ten konkretny siedzenie jest null, że
oznacza chcemy elementu listy, który

66
00:03:48,450 --> 00:03:50,800
wskazuje, że jest to pusty łatwe.

67
00:03:50,800 --> 00:03:55,650
Inny, gdyby nie pusty, chcemy
przedmiot, który ma wyświetlać

68
00:03:55,650 --> 00:03:58,660
Nazwisko pasażera i
dom pasażera

69
00:03:58,660 --> 00:04:00,420
to w tym fotelu.

70
00:04:00,420 --> 00:04:04,620
>> Kiedy już powtórzyć na wszystkich
miejsc, a następnie zamykamy naszą listę uporządkowaną

71
00:04:04,620 --> 00:04:09,410
i użyć jQuery, aby wybrać div wykresu
i zastąpić to HTML z naszym nowym

72
00:04:09,410 --> 00:04:10,550
Lista numerowana.

73
00:04:10,550 --> 00:04:12,090
I to jest to na wykresie.

74
00:04:12,090 --> 00:04:15,170
>> Więc ostatnią rzeczą jest zasnąć.

75
00:04:15,170 --> 00:04:20,860
Teraz zasnąć będzie
bardzo podobne do odbioru.

76
00:04:20,860 --> 00:04:24,150
Zamiast pętli na wszystko
pasażerowie, jedziemy do pętli na

77
00:04:24,150 --> 00:04:25,780
wszystkich miejsc wahadłowych.

78
00:04:25,780 --> 00:04:29,720
Więc pętli na siedzeniach wahadłowych, my
zobacz to zwłaszcza siedzenie transport

79
00:04:29,720 --> 00:04:32,850
nie jest pusta, w takim przypadku nie ma
pasażerów w tym siedzeniu.

80
00:04:32,850 --> 00:04:35,380
Jeśli tak jest, chcemy
chwycić swobodę i

81
00:04:35,380 --> 00:04:37,030
Długość tego pasażera.

82
00:04:37,030 --> 00:04:42,110
>> Więc za pomocą tablicy w Domu, jesteśmy
zamiar chwycić dom

83
00:04:42,110 --> 00:04:46,990
w tym siedzeniu pasażera, a następnie chwycić
Szerokość tego konkretnego domu

84
00:04:46,990 --> 00:04:49,070
i podobnie dla długości geograficznej.

85
00:04:49,070 --> 00:04:54,270
Teraz, po raz kolejny użyć odległości, aby zobaczyć
w tym domu jest w ciągu 30 stóp nas.

86
00:04:54,270 --> 00:04:58,320
Jeśli o to chodzi, że chcą, aby ustawić
to miejsce na null, ponieważ pasażer

87
00:04:58,320 --> 00:05:01,760
została odpadły, a pierwotna
Pasażer został odpadły.

88
00:05:01,760 --> 00:05:05,910
Tak, że w końcu, jeśli nikt nie był
spadały, możemy ogłosić, że nikt nie

89
00:05:05,910 --> 00:05:07,600
chce być odpadły tutaj.

90
00:05:07,600 --> 00:05:12,510
>> Wreszcie, musimy rechart tak, że
wyświetlamy nowych, pustych miejsc.

91
00:05:12,510 --> 00:05:15,770
Teraz wystarczy do wdrożenia
niektóre dodatkowe funkcje.

92
00:05:15,770 --> 00:05:17,680
Teraz jest mnóstwo można
Wybrano z.

93
00:05:17,680 --> 00:05:21,630
Ale w naszym przypadku realizowane teleport,
latające, i przyspieszenia, a

94
00:05:21,630 --> 00:05:22,770
przyspieszenie w dół.

95
00:05:22,770 --> 00:05:25,100
Więc spójrzmy na te.

96
00:05:25,100 --> 00:05:27,830
Najpierw rzućmy okiem na
przyspieszenie funkcji.

97
00:05:27,830 --> 00:05:32,720
Tak więc w naszym przypadku, na naciśnięcie klawisza
Funkcja, gdzie mamy już obsługę

98
00:05:32,720 --> 00:05:39,900
wszystkie z tych klawiszy, mamy również zamiar
rozpoznawać X i Z. Jakie określamy

99
00:05:39,900 --> 00:05:43,720
że znaki te będą
spowodować prędkość promu do

100
00:05:43,720 --> 00:05:46,530
zwiększać i zmniejszać.

101
00:05:46,530 --> 00:05:50,940
>> Więc zauważyć, że stawiamy granicę, w jaki sposób
wysokiej i niskiej, jak prędkość może

102
00:05:50,940 --> 00:05:55,030
faktycznie go ponieważ nie chcemy
transfer zbyt szybko.

103
00:05:55,030 --> 00:05:58,180
I my również nie chcemy promu
prędkość, aby przejść do zera lub ewentualnie

104
00:05:58,180 --> 00:06:01,480
ujemna, co spowoduje
w jakimś dziwnym zachowaniem.

105
00:06:01,480 --> 00:06:03,890
I to za przekroczenie prędkości
i spowolnienie.

106
00:06:03,890 --> 00:06:05,980
>> Teraz rzućmy okiem na lataniu.

107
00:06:05,980 --> 00:06:11,370
Więc pamiętaj, że funkcja latania
wymaga wprowadzenia kodu Konami.

108
00:06:11,370 --> 00:06:18,070
Więc się na górze widzimy mamy pewne
zmienne globalne, które jest kod Konami

109
00:06:18,070 --> 00:06:20,975
Tablica prostu śledzenie
Klawisze, które muszą być wprowadzone do

110
00:06:20,975 --> 00:06:22,600
Kod Konami.

111
00:06:22,600 --> 00:06:26,340
Jest Bool, który po prostu wskazuje
czy Kod Konami ma już

112
00:06:26,340 --> 00:06:27,660
zostaną wprowadzone.

113
00:06:27,660 --> 00:06:30,430
A jeszcze do indeksu
Kod Konami, że tablica

114
00:06:30,430 --> 00:06:31,770
jesteśmy obecnie.

115
00:06:31,770 --> 00:06:36,020
>> Więc jeśli użytkownik wszedł już trzy
znaków Kodeksu Konami

116
00:06:36,020 --> 00:06:40,530
wtedy wskaźnik będzie wskazywać
Czwarta rzecz na tablicy,

117
00:06:40,530 --> 00:06:42,150
Trzeci wskaźnik.

118
00:06:42,150 --> 00:06:44,630
Korzystanie, że po raz kolejny będziemy
spojrzeć na naciśnięciu klawisza.

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

120
00:06:48,040 --> 00:06:51,910
I naciśnięciu klawisza widzimy tutaj, że jeśli
Kod Konami nie była już

121
00:06:51,910 --> 00:06:58,410
wszedł, a następnie chcemy zobaczyć to
Klucz, który został wpisany do czego jesteśmy

122
00:06:58,410 --> 00:07:01,250
obecnie oczekuje od
Tablica Kod Konami.

123
00:07:01,250 --> 00:07:04,350
Jeśli tak jest, to
zwiększamy nasz indeks.

124
00:07:04,350 --> 00:07:07,660
>> Jeśli użytkownik wpisze się wówczas wskaźnik
ma zamiar udać się do jednej.

125
00:07:07,660 --> 00:07:10,280
Następnie użytkownik będzie wpisać się ponownie,
wskaźnik przechodzi do dwóch.

126
00:07:10,280 --> 00:07:12,150
Następnie będą one wpisać w dół,
będzie go do trzech.

127
00:07:12,150 --> 00:07:17,320
Jeśli typ Q, będzie to przywrócić
zera, ponieważ nie pasuje

128
00:07:17,320 --> 00:07:20,140
wartość oczekiwana.

129
00:07:20,140 --> 00:07:24,810
Teraz, jeśli uda im się dotrzeć
Cała tablica potem już wprowadzone

130
00:07:24,810 --> 00:07:26,280
Kod Konami.

131
00:07:26,280 --> 00:07:33,960
W takim przypadku, że Konami weszła teraz
jest prawdą, widzimy tutaj, że jeśli

132
00:07:33,960 --> 00:07:40,460
Konami została wpisana, akceptujemy dwa nowe
klucze, C i E. Co ci zrobią wszystko

133
00:07:40,460 --> 00:07:45,800
jest ustawiona w dół i latające latające
stany wzrostowe promu.

134
00:07:45,800 --> 00:07:48,530
Więc istnieje dla Ciebie.

135
00:07:48,530 --> 00:07:51,190
Trzeba tylko podjąć
Zaletą nich.

136
00:07:51,190 --> 00:07:52,890
I to jest to do latania.

137
00:07:52,890 --> 00:07:54,680
>> Ostatnio mamy teleportować.

138
00:07:54,680 --> 00:08:00,710
Tak wewnątrz HTML, widzimy, że
dodaliśmy pole wejściowy i

139
00:08:00,710 --> 00:08:02,270
przycisk teleportować.

140
00:08:02,270 --> 00:08:08,300
Skrzynka posiada adres ID, oraz przycisk
ma przycisk teleportacji ID.

141
00:08:08,300 --> 00:08:13,970
Teraz jeden irytujące jest to, że niewiele szczegółów
jeśli nie będziemy nic z przypadku

142
00:08:13,970 --> 00:08:19,210
Ładowarki wtedy, gdy staramy się wpisać
coś w polu tekstowym,

143
00:08:19,210 --> 00:08:25,250
zamiast faktycznie wiążąc, nasz Google
Ziemia ma zamiar przenieść się do

144
00:08:25,250 --> 00:08:30,040
w lewo, ponieważ jest już zarejestrowany
do obsługi ruchu na lewo.

145
00:08:30,040 --> 00:08:35,100
>> Tak irytujące jest to, że szczegóły
kiedy mamy klucz w dół lub w górę

146
00:08:35,100 --> 00:08:40,789
impreza wewnątrz pola wprowadzania, chcemy
do event.stop propagacji, który jest

147
00:08:40,789 --> 00:08:43,830
po prostu się do zapobiegania
przesuwne z promu.

148
00:08:43,830 --> 00:08:48,510
Raz, że jest obsługiwane, chcemy także dodać
Ładowarka do przycisku teleportu.

149
00:08:48,510 --> 00:08:52,880
Po kliknięciu na przycisk teleportacji, my
chwycić adres, który jest obecny

150
00:08:52,880 --> 00:08:57,580
wartość w polu tekstowym, a następnie
nazywamy tę funkcję teleportacji.

151
00:08:57,580 --> 00:09:00,910
>> Więc co robi teleport
Funkcja wygląda?

152
00:09:00,910 --> 00:09:04,840
Cóż, pierwszą rzeczą, widzimy, że jesteśmy
używając geocoder. Geokodując.

153
00:09:04,840 --> 00:09:06,940
Więc co to jest?

154
00:09:06,940 --> 00:09:10,330
Cóż, jeśli spojrzymy na górze,
widzimy, że mamy nowy

155
00:09:10,330 --> 00:09:13,860
zmienna globalna, geocoder.

156
00:09:13,860 --> 00:09:17,500
I to jest globalne odniesienia
do usługi geokodowania.

157
00:09:17,500 --> 00:09:19,380
Teraz co to dla nas zrobić?

158
00:09:19,380 --> 00:09:23,810
Cóż, w polu tekstowym, mam zamiar być
wprowadzania coś jak 33 Oxford

159
00:09:23,810 --> 00:09:26,040
Ulica Cambridge, Massachusetts.

160
00:09:26,040 --> 00:09:28,580
Ale tak naprawdę nie możemy zrobić
nic z tego.

161
00:09:28,580 --> 00:09:31,760
Chcemy przekonwertować do
szerokości i długości geograficznej.

162
00:09:31,760 --> 00:09:34,940
I to jest to, co usługi geokodowania
zrobi za nas.

163
00:09:34,940 --> 00:09:40,630
Na dnie initcb widzimy, że
mamy nowy geocoder równa

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder które inicjuje
ta zmienna dla nas.

165
00:09:45,830 --> 00:09:47,930
>> Więc z powrotem do teleportu.

166
00:09:47,930 --> 00:09:51,240
Widzimy używamy geocoder.

167
00:09:51,240 --> 00:09:54,970
Jesteśmy geokodowanie adresu, który był
przekazywana do funkcji, które teleport

168
00:09:54,970 --> 00:09:57,450
została pobrana z pola.

169
00:09:57,450 --> 00:10:02,020
I przekazujemy mu oddzwonienie
która odbywa wyników i statusu.

170
00:10:02,020 --> 00:10:05,905
Tak więc pierwszą rzeczą, którą należy sprawdzić za
Dokument API google.maps.

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

172
00:10:06,130 --> 00:10:08,330
Mapy

173
00:10:08,330 --> 00:10:11,550
>> Więc musimy sprawdzić stan
aby sprawdzić, czy wrócił.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK które
wskazuje, że mamy ważny wynik.

175
00:10:16,820 --> 00:10:19,310
Jeśli tego nie zrobimy, to mamy, nie może zrobić.

176
00:10:19,310 --> 00:10:20,990
To może być nieprawidłowy adres.

177
00:10:20,990 --> 00:10:24,630
Lub mógłby obsługa API
w dół lub, kto wie?

178
00:10:24,630 --> 00:10:29,980
Zakładając, że mamy sukces to wynik
mamy zamiar pobrać z lokalizacji

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

180
00:10:30,790 --> 00:10:34,220
I mamy zamiar ustawić mapę Google
w prawym dolnym rogu, aby być

181
00:10:34,220 --> 00:10:38,870
koncentruje się w tym miejscu i uaktualnić
autobus na mapie do tej lokalizacji.

182
00:10:38,870 --> 00:10:41,620
>> A teraz musimy zaktualizować
Google Earth wtyczki.

183
00:10:41,620 --> 00:10:45,340
Więc swobodę i aktualizować
długość promu.

184
00:10:45,340 --> 00:10:50,570
I musimy również zaktualizować
shuttle.localAnchorCartesian ponieważ jeśli

185
00:10:50,570 --> 00:10:55,250
obejrzysz shuttle.js, zobaczysz, że
że również śledzi szerokości

186
00:10:55,250 --> 00:10:56,310
i długości geograficznej.

187
00:10:56,310 --> 00:10:59,490
Więc jeśli nie aktualizować, że mamy
przy szerokości i długości geograficznej

188
00:10:59,490 --> 00:11:01,330
przechowywane gdzieś ukryte.

189
00:11:01,330 --> 00:11:06,490
Więc aktualizacją, że teraz, nazywamy
shuttle.updateCamera aby odświeżyć

190
00:11:06,490 --> 00:11:09,070
ekranu i pokazać nam naszą nową lokalizację.

191
00:11:09,070 --> 00:11:10,380
I to jest to.

192
00:11:10,380 --> 00:11:11,500
Nazywam się Rob.

193
00:11:11,500 --> 00:11:12,750
I to był transfer.

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