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

2
00:00:11,712 --> 00:00:12,850
>> ROB BOWDEN: Ahoj.

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

4
00:00:13,780 --> 00:00:19,500
A ja dúfam, že ste pripravení na vyzdvihnutie, čo
Ja som vysadil alebo odložila,

5
00:00:19,500 --> 00:00:22,230
alebo začnime.

6
00:00:22,230 --> 00:00:25,040
Takže prvá vec, ktorú musíme
urobiť, je zdvihnúť.

7
00:00:25,040 --> 00:00:29,370
Teraz, vyzdvihnúť ich bude odstránenie
Ikony cestujúcich z Google

8
00:00:29,370 --> 00:00:32,759
mapa v pravom dolnom rohu a od
Google Earth je v centre

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

10
00:00:33,970 --> 00:00:37,180
A tak, aby bolo možné odstrániť tie
Ikony, musíme mať

11
00:00:37,180 --> 00:00:39,040
odkazy na ne niekde.

12
00:00:39,040 --> 00:00:43,680
Ale v súčasnej dobe, funkcie Naplnenie
len zbaví z nich.

13
00:00:43,680 --> 00:00:48,140
Takže budeme musieť upraviť
naplniť, aby okolo nich.

14
00:00:48,140 --> 00:00:53,440
>> Teraz Prvá vec, ktorú budeme vidieť, že sme
majú globálny cestujúcich poľa.

15
00:00:53,440 --> 00:00:57,710
A tak budeme používať, že Global
cestujúci poľa v obývajú.

16
00:00:57,710 --> 00:01:03,230
V naplniť, vidíme, že sme looping
cez všetky naše cestujúcich.

17
00:01:03,230 --> 00:01:10,420
A to je to slučka, ktorá sa vytvára
umiestniť značku pre Google Earth a

18
00:01:10,420 --> 00:01:12,540
značka pre Map Google.

19
00:01:12,540 --> 00:01:16,420
A tak sa naša modifikácie
naplniť, je tu.

20
00:01:16,420 --> 00:01:21,760
Takže budeme pridávať na naše cestujúcich '
Pole tento objekt, ktorý je udržať

21
00:01:21,760 --> 00:01:26,480
okolo štítku a miesto známku sme práve
vytvoril spolu s domom a

22
00:01:26,480 --> 00:01:28,460
meno cestujúceho.

23
00:01:28,460 --> 00:01:30,560
>> Tak to je pre naplnenie.

24
00:01:30,560 --> 00:01:33,210
Teraz sa musíme pozrieť na vyzdvihnutie.

25
00:01:33,210 --> 00:01:38,540
Takže vyzdvihnúť, sme sa opäť chystá
iterovat cez všetky naše cestujúcich.

26
00:01:38,540 --> 00:01:41,340
Ale teraz je to naša globálna
cestujúci poľa.

27
00:01:41,340 --> 00:01:46,150
A tu vidíme, že dobre, majú
sme už zdvihol tento cestujúci?

28
00:01:46,150 --> 00:01:50,030
Vzhľadom k tomu, či sme sa zdvihol to
cestujúci, vidíme, že na konci

29
00:01:50,030 --> 00:01:55,240
budeme nastaviť značku a
miesto značka na hodnotu null, pretože to nie je

30
00:01:55,240 --> 00:01:56,930
už v mape Google.

31
00:01:56,930 --> 00:02:00,920
>> Takže ak sme už zdvihol to
Cestujúci potom sme len tak

32
00:02:00,920 --> 00:02:02,920
pokračovať v ďalšom cestujúcim.

33
00:02:02,920 --> 00:02:07,380
Inak by sme skontrolovať, či tento
Dom spolujazdca je vnútri

34
00:02:07,380 --> 00:02:08,590
Pole House.

35
00:02:08,590 --> 00:02:11,900
Toto je kontrola musíme sa uistiť,
že nemáme zdvihnúť prvom ročníku ako

36
00:02:11,900 --> 00:02:13,180
spec hovorí.

37
00:02:13,180 --> 00:02:15,920
Takže v prípade, že cestujúci je v prvom ročníku,
ideme do

38
00:02:15,920 --> 00:02:18,190
pokračovať v ďalšom cestujúcim.

39
00:02:18,190 --> 00:02:21,720
>> Potom, čo sme si overili, že je to
osobné by sme mali vyzdvihnúť,

40
00:02:21,720 --> 00:02:25,340
sme teraz chystá skontrolovať voľnosť
a dĺžka cestujúceho a vidieť

41
00:02:25,340 --> 00:02:27,760
v prípade, že je do 15 stôp
z raketoplánu.

42
00:02:27,760 --> 00:02:31,720
Ak je to tento prípad, vlastne chceme
vyzdvihnúť tento cestujúci.

43
00:02:31,720 --> 00:02:35,890
Tak sme sa integrovať cez všetky sedadiel
v našom raketoplánu, ktorí chcú zistiť, či

44
00:02:35,890 --> 00:02:38,110
tam je k dispozícii na mieste
pre cestujúcich.

45
00:02:38,110 --> 00:02:41,540
Ak jeden z miest je null,
že je k dispozícii na mieste.

46
00:02:41,540 --> 00:02:45,140
Takže pridáme cestujúceho na sedadle.

47
00:02:45,140 --> 00:02:48,760
Pamätáme si, že sme sa zdvihol
Cestujúci tak, že na konci, môžeme

48
00:02:48,760 --> 00:02:52,450
ak sa oznamuje skutočne
nevybral nikoho up.

49
00:02:52,450 --> 00:02:56,140
Pamätáme si, že sedí to
cestujúci, pretože ak sa nám podarí získať

50
00:02:56,140 --> 00:02:59,320
celý raketoplán, bez toho, aby
sedenie cestujúceho, potom musíme

51
00:02:59,320 --> 00:03:00,885
oznámiť, že sme z kresiel.

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

53
00:03:03,760 --> 00:03:06,885
>> Potom sme sa odstrániť svoje miesto
označiť z aplikácie Google Earth.

54
00:03:06,885 --> 00:03:11,310
Sme odstrániť ich značku z Google Maps,
nastaviť vnútri našich cestujúcich "

55
00:03:11,310 --> 00:03:14,830
polia miesto značka a značka
na null, ako sme hovorili predtým.

56
00:03:14,830 --> 00:03:16,035
A potom je to.

57
00:03:16,035 --> 00:03:17,050
Cestujúci bol usadený.

58
00:03:17,050 --> 00:03:19,570
Potom, čo sme urobili, že pre všetkých cestujúcich
do 15 metrov

59
00:03:19,570 --> 00:03:23,250
kyvadlová doprava, musíme rechart.

60
00:03:23,250 --> 00:03:30,270
>> Takže Graf je to, čo sa deje na zobrazenie
cestujúcich v sedadlách viac tu.

61
00:03:30,270 --> 00:03:32,760
Takže teraz, poďme sa pozrieť na graf.

62
00:03:32,760 --> 00:03:37,960
Vnútri grafu, budeme mať
budovanie HTML pre graf.

63
00:03:37,960 --> 00:03:41,160
Takže graf bude
byť nariadené zoznam.

64
00:03:41,160 --> 00:03:44,300
Potom budeme iterovat cez všetky
sedadlá v našej kyvadlovou dopravou.

65
00:03:44,300 --> 00:03:48,450
Takže ak to konkrétne mesto je null, že
znamená, že chceme položku zoznamu, ktorá

66
00:03:48,450 --> 00:03:50,800
indikuje, že je to prázdna ľahké.

67
00:03:50,800 --> 00:03:55,650
Inak, ak to nie je null, potom chceme
položka zoznamu, ktorý sa bude zobrazovať

68
00:03:55,650 --> 00:03:58,660
meno cestujúceho a
Dom cestujúceho

69
00:03:58,660 --> 00:04:00,420
že je v tomto sídle.

70
00:04:00,420 --> 00:04:04,620
>> Potom, čo sme si zopakovali, cez všetky
sedadlá potom zatvoríme naše zoradený zoznam

71
00:04:04,620 --> 00:04:09,410
a používať jQuery pre výber grafu div
a nahradiť ich HTML s naším novým

72
00:04:09,410 --> 00:04:10,550
objednať zoznamu.

73
00:04:10,550 --> 00:04:12,090
A to je pre graf.

74
00:04:12,090 --> 00:04:15,170
>> Takže posledná vec, ktorú je vysadiť.

75
00:04:15,170 --> 00:04:20,860
Teraz drop off sa bude
celkom podobný vyzdvihnúť.

76
00:04:20,860 --> 00:04:24,150
Miesto opakovanie v priebehu všetkých
cestujúci, ideme do slučky cez

77
00:04:24,150 --> 00:04:25,780
všetky raketoplánu miest.

78
00:04:25,780 --> 00:04:29,720
Takže opakovanie v priebehu raketoplánu sedadlá, sme
vidieť je to najmä kyvadlová sedadlá

79
00:04:29,720 --> 00:04:32,850
nie je null, v tom prípade je tu
Cestujúci na toto miesto.

80
00:04:32,850 --> 00:04:35,380
Ak je to tento prípad, chceme
chytiť zemepisnej šírky a

81
00:04:35,380 --> 00:04:37,030
dĺžka tohto cestujúceho.

82
00:04:37,030 --> 00:04:42,110
>> Takže s použitím domové rad, my sme
ísť chytiť dom

83
00:04:42,110 --> 00:04:46,990
Cestujúci na toto miesto, a potom chytiť
zemepisná šírka daného domu

84
00:04:46,990 --> 00:04:49,070
a podobne pre dĺžky.

85
00:04:49,070 --> 00:04:54,270
Teraz sme opäť použiť vzdialenosť vidieť
V tomto dome sa nachádzajú do 30 metrov nás.

86
00:04:54,270 --> 00:04:58,320
Ak je to ten prípad, že chcete nastaviť
toto sídlo na hodnotu null, pretože cestujúci

87
00:04:58,320 --> 00:05:01,760
bola vysadil, a prírastok že
cestujúci bol vysadení.

88
00:05:01,760 --> 00:05:05,910
Takže nakoniec, ak nikto
vysadil, oznamujeme, že nikto

89
00:05:05,910 --> 00:05:07,600
chce, aby sa znížil tu off.

90
00:05:07,600 --> 00:05:12,510
>> A konečne, musíme rechart, aby
sa zobrazí nová, prázdne miesta.

91
00:05:12,510 --> 00:05:15,770
Teraz stačí implementovať
niektoré ďalšie funkcie.

92
00:05:15,770 --> 00:05:17,680
Teraz je tu veľa by ste mohli
Vybrali ste si z

93
00:05:17,680 --> 00:05:21,630
Ale v našom prípade sme zaviedli teleport,
lietanie, a urýchlenie a

94
00:05:21,630 --> 00:05:22,770
urýchlenie dole.

95
00:05:22,770 --> 00:05:25,100
Tak sa poďme pozrieť na tie.

96
00:05:25,100 --> 00:05:27,830
Po prvé, poďme sa pozrieť na
urýchlenie funkcie.

97
00:05:27,830 --> 00:05:32,720
Takže v našom prípade na klávesy
funkcie, kde sme už manipuláciu

98
00:05:32,720 --> 00:05:39,900
všetkých týchto kľúčov, sme tiež bude
uznávajú, X a Z. Což špecifikovať

99
00:05:39,900 --> 00:05:43,720
že tieto znaky budú
spôsobiť rýchlosť raketoplánu do

100
00:05:43,720 --> 00:05:46,530
zvýšiť alebo znížiť.

101
00:05:46,530 --> 00:05:50,940
>> Takže si všimnúť, že sme dali viazaný na to, ako
vysoká a na to, ako nízko rýchlosť môže

102
00:05:50,940 --> 00:05:55,030
vlastne ísť, pretože nechceme
Raketoplán sa príliš rýchlo.

103
00:05:55,030 --> 00:05:58,180
A my tiež nechceme kyvadlová doprava je
rýchlosť ísť na nulu alebo prípadne

104
00:05:58,180 --> 00:06:01,480
aj negatívne, ktorá bude mať za následok
v nejakej podivné správanie.

105
00:06:01,480 --> 00:06:03,890
A to je za prekročenie rýchlosti
a spomaľuje.

106
00:06:03,890 --> 00:06:05,980
>> Teraz sa poďme pozrieť na lietanie.

107
00:06:05,980 --> 00:06:11,370
Takže si pamätajte, že lietanie funkcie
vyžaduje zadanie Konami kód.

108
00:06:11,370 --> 00:06:18,070
Tak sa v hornej časti, vidíme, sme niektoré
globálne premenné, Konami kód, ktorý je

109
00:06:18,070 --> 00:06:20,975
pole, ktoré je práve sledovanie
kľúče, ktoré musia byť zapísané na

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

111
00:06:22,600 --> 00:06:26,340
K dispozícii je Bool, ktorý práve ukazuje,
či Konami kód už

112
00:06:26,340 --> 00:06:27,660
bol zadaný.

113
00:06:27,660 --> 00:06:30,430
A potom je tu index do
pole Konami kód, ktorý

114
00:06:30,430 --> 00:06:31,770
sme v súčasnej dobe.

115
00:06:31,770 --> 00:06:36,020
>> Takže v prípade, že používateľ už vstúpila tri
znaky Konami Code

116
00:06:36,020 --> 00:06:40,530
potom index bude ukazovať na
Štvrtá vec v poli,

117
00:06:40,530 --> 00:06:42,150
Tretí index.

118
00:06:42,150 --> 00:06:44,630
Používanie, že opäť zídeme
pozrite sa na stlačenie klávesy.

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

120
00:06:48,040 --> 00:06:51,910
A stlačení klávesy vidíme tu, že ak
Konami kód nebol doteraz

121
00:06:51,910 --> 00:06:58,410
vstúpil, potom chceme vidieť, je
kľúč, ktorý bol zadaný, čo sme

122
00:06:58,410 --> 00:07:01,250
V súčasnej dobe očakávajú od
pole Konami Code.

123
00:07:01,250 --> 00:07:04,350
Ak je to ten prípad, potom
sme zvýšiť náš index.

124
00:07:04,350 --> 00:07:07,660
>> Ak užívateľ zadá Až potom index
sa chystá ísť do jedného.

125
00:07:07,660 --> 00:07:10,280
Potom užívateľ zadať znova,
index ide na dva.

126
00:07:10,280 --> 00:07:12,150
Potom budete písať dole,
že pôjde na tri.

127
00:07:12,150 --> 00:07:17,320
Pokiaľ sa typ Q, bude to obnoviť
nula, pretože sa nezhoduje

128
00:07:17,320 --> 00:07:20,140
očakávaná hodnota.

129
00:07:20,140 --> 00:07:24,810
Teraz, keď sa im podarí dostať sa cez
Celé pole potom ste zadali

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

131
00:07:26,280 --> 00:07:33,960
V takom prípade sa, že Konami vstúpil
Je pravda, vidíme tu, že ak

132
00:07:33,960 --> 00:07:40,460
Konami bol zapísaný, prijímame dva nové
kľúče, C a E. Vari všetci ti bude robiť

133
00:07:40,460 --> 00:07:45,800
je nastavený letí dole a lietanie
nahor štáty v raketopláne.

134
00:07:45,800 --> 00:07:48,530
Takže už pre vás neexistuje.

135
00:07:48,530 --> 00:07:51,190
Je len potrebné, aby sa
Výhodou z nich.

136
00:07:51,190 --> 00:07:52,890
A to je pre lietanie.

137
00:07:52,890 --> 00:07:54,680
>> Posledný, sme sa teleportovať.

138
00:07:54,680 --> 00:08:00,710
Takže vnútri HTML, vidíme, že
sme pridali vstupné pole a

139
00:08:00,710 --> 00:08:02,270
tlačidlo teleport.

140
00:08:02,270 --> 00:08:08,300
Box má ID adresu a tlačidlo
má tlačidlo ID teleport.

141
00:08:08,300 --> 00:08:13,970
Teraz jeden otravný malý detail je, že
ak nebudeme robiť nič s udalosťou

142
00:08:13,970 --> 00:08:19,210
manipulátory potom keď sa snažíme písať
niečo ako do vstupného poľa,

143
00:08:19,210 --> 00:08:25,250
miesto skutočne viazanie, Google našu
Krajina sa chystá presťahovať do

144
00:08:25,250 --> 00:08:30,040
vľavo od je už registrovaný
zvládnuť pohyb vľavo.

145
00:08:30,040 --> 00:08:35,100
>> Tak nepríjemný detail je, že
keď máme kľúč nadol alebo klávesy hore

146
00:08:35,100 --> 00:08:40,789
akcie vnútri vstupného poľa, chceme
na event.stop množenie, ktoré je

147
00:08:40,789 --> 00:08:43,830
len tak, aby sa zabránilo
kĺzanie raketoplánu.

148
00:08:43,830 --> 00:08:48,510
Potom, čo to je s nimi manipulované, chceme tiež pridať
psovod na tlačidlo teleportu.

149
00:08:48,510 --> 00:08:52,880
Keď sme kliknite na tlačidlo teleportovať, budeme
chytiť adresu, ktorá je aktuálna

150
00:08:52,880 --> 00:08:57,580
hodnotu do vstupného poľa, a potom
nazývame túto funkciu teleport.

151
00:08:57,580 --> 00:09:00,910
>> Takže to, čo robí teleport
Funkcia vyzerať?

152
00:09:00,910 --> 00:09:04,840
No, prvá vec, ktorú vidíme, je, že sme
pomocou Geocoder. geocode.

153
00:09:04,840 --> 00:09:06,940
Takže čo je to?

154
00:09:06,940 --> 00:09:10,330
No, ak sa pozrieme na vrchole,
vidíme, že máme nové

155
00:09:10,330 --> 00:09:13,860
globálna premenná, Geocoder.

156
00:09:13,860 --> 00:09:17,500
A to je globálny referencie
k službe geografického kódovania.

157
00:09:17,500 --> 00:09:19,380
Teraz čo to urobiť pre nás?

158
00:09:19,380 --> 00:09:23,810
No, vo vstupnom poli, ja budem
zadaním niečo ako 33 Oxforde

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

160
00:09:26,040 --> 00:09:28,580
Ale nemôžeme naozaj
niečo s tým.

161
00:09:28,580 --> 00:09:31,760
Chceme previesť, že do
zemepisnej šírky a dĺžky.

162
00:09:31,760 --> 00:09:34,940
A to je to, čo Služba geografického kódovania
sa chystá urobiť pre nás.

163
00:09:34,940 --> 00:09:40,630
V spodnej časti initcb, vidíme, že
máme Geocoder sa rovná nové

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder, ktorý inicializuje
táto premenná pre nás.

165
00:09:45,830 --> 00:09:47,930
>> Takže späť k teleportu.

166
00:09:47,930 --> 00:09:51,240
Vidíme sme pomocou Geocoder.

167
00:09:51,240 --> 00:09:54,970
Sme Geocoding adresa, ktorá bola
odovzdaný do funkcie teleportu, ktorý

168
00:09:54,970 --> 00:09:57,450
bol vytiahnutý z poľa.

169
00:09:57,450 --> 00:10:02,020
A my sme odovzdaním volania späť
ktoré sa výsledky a stav.

170
00:10:02,020 --> 00:10:05,905
Takže prvá vec, ktorú je potrebné skontrolovať na
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
>> Takže musíme skontrolovať stav
aby zistil, či sa vrátila.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK, ktoré
naznačuje, že máme platný výsledok.

175
00:10:16,820 --> 00:10:19,310
Ak to neurobíme, potom sme si, no môže urobiť.

176
00:10:19,310 --> 00:10:20,990
To by mohlo byť neplatná adresa.

177
00:10:20,990 --> 00:10:24,630
Alebo API služba sila
dole, alebo kto vie?

178
00:10:24,630 --> 00:10:29,980
Za predpokladu, že máme výsledok úspešnosti potom
ideme chytiť umiestnenie z

179
00:10:29,980 --> 00:10:30,790
výsledok.

180
00:10:30,790 --> 00:10:34,220
A ideme do nastavenia Google
v pravom dolnom rohu bolo

181
00:10:34,220 --> 00:10:38,870
stred na tomto mieste a aktualizovať
Autobus na mape na tomto mieste.

182
00:10:38,870 --> 00:10:41,620
>> A teraz musíme aktualizovať
Google Earth plug-in.

183
00:10:41,620 --> 00:10:45,340
Tak sme aktualizovať zemepisnej šírky a
zemepisná dĺžka raketoplánu.

184
00:10:45,340 --> 00:10:50,570
A musíme tiež aktualizovať
shuttle.localAnchorCartesian pretože ak

185
00:10:50,570 --> 00:10:55,250
sa pozriete na shuttle.js, uvidíte, že
že tiež udržuje informácie o zemepisnej šírke

186
00:10:55,250 --> 00:10:56,310
a dĺžky.

187
00:10:56,310 --> 00:10:59,490
Takže ak sa neaktualizujú, že máme
pôvodnej zemepisnej šírky a dĺžky

188
00:10:59,490 --> 00:11:01,330
uložené skryté niekde.

189
00:11:01,330 --> 00:11:06,490
Tak aktualizácie, ktoré teraz nazývame
shuttle.updateCamera aktualizovať

190
00:11:06,490 --> 00:11:09,070
obrazovke a ukázať nám naše nové umiestnenie.

191
00:11:09,070 --> 00:11:10,380
A to je všetko.

192
00:11:10,380 --> 00:11:11,500
Volám sa Rob.

193
00:11:11,500 --> 00:11:12,750
A to bolo Shuttle.

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