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

2
00:00:11,712 --> 00:00:12,850
>> Rob Bowden: Hi.

3
00:00:12,850 --> 00:00:13,780
Unë jam Rob.

4
00:00:13,780 --> 00:00:19,500
Dhe unë shpresoj që ju jeni gati për të marr çfarë
Unë jam pakësohet ose të vënë poshtë,

5
00:00:19,500 --> 00:00:22,230
ose le të ketë filluar.

6
00:00:22,230 --> 00:00:25,040
Pra, gjëja e parë që ne duhet
të bëni është të marr.

7
00:00:25,040 --> 00:00:29,370
Tani, i bie në do të jetë hequr
icons udhëtarëve nga Google

8
00:00:29,370 --> 00:00:32,759
hartë në këndin e poshtëm të djathtë dhe nga
Google toka në qendër të

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

10
00:00:33,970 --> 00:00:37,180
Në mënyrë për të hequr ato
icons, ne duhet të kemi

11
00:00:37,180 --> 00:00:39,040
referenca të tyre diku.

12
00:00:39,040 --> 00:00:43,680
Por aktualisht, funksioni populloj
vetëm merr shpëtoj prej tyre.

13
00:00:43,680 --> 00:00:48,140
Pra, ne do të kemi për të modifikuar
populloj për të mbajtur rreth tyre.

14
00:00:48,140 --> 00:00:53,440
>> Gjëja e parë që ne tani do të shohim është se ne
kanë një koleksion të udhëtarëve globale.

15
00:00:53,440 --> 00:00:57,710
Dhe kështu që ne jemi duke shkuar për të përdorur që është globale
pasagjerët array në populloj.

16
00:00:57,710 --> 00:01:03,230
Në populloj, ne shohim se ne jemi looping
mbi të gjitha të udhëtarëve tanë.

17
00:01:03,230 --> 00:01:10,420
Dhe është kjo lak që është krijuar
vendosni shenjën për Google Earth dhe

18
00:01:10,420 --> 00:01:12,540
shënues për Google Map.

19
00:01:12,540 --> 00:01:16,420
Dhe kështu që tani modifikim tonë
për të populloj është që të jetë këtu.

20
00:01:16,420 --> 00:01:21,760
Pra, ne jemi duke shtuar për të pasagjerëve tanë '
array ky objekt i cili është duke e mbajtur

21
00:01:21,760 --> 00:01:26,480
rreth shënues dhe vendin shenjën ne vetëm
krijuar së bashku me shtëpinë dhe

22
00:01:26,480 --> 00:01:28,460
emrin e pasagjerit.

23
00:01:28,460 --> 00:01:30,560
>> Pra, kjo është ajo për të populloj.

24
00:01:30,560 --> 00:01:33,210
Tani ne duhet të shohim në të marr.

25
00:01:33,210 --> 00:01:38,540
Pra, në marr, ne jemi edhe një herë do të
iterate mbi të gjitha i pasagjerëve tanë.

26
00:01:38,540 --> 00:01:41,340
Por tani është e globale tonë
pasagjerë array.

27
00:01:41,340 --> 00:01:46,150
Dhe këtu ne jemi duke parë se mirë, kanë
ne tashmë e kap këtë pasagjer?

28
00:01:46,150 --> 00:01:50,030
Që në qoftë se ne kemi zgjedhur deri këtë
pasagjerëve, ne shohim në fund se

29
00:01:50,030 --> 00:01:55,240
ne jemi duke shkuar për të vendosur shënues dhe
Vendi shenjë të null pasi ata janë jo

30
00:01:55,240 --> 00:01:56,930
më të gjatë në hartë Google.

31
00:01:56,930 --> 00:02:00,920
>> Pra, nëse ne kemi zgjedhur tashmë këtë
pasagjerëve atëherë ne jemi vetëm do të

32
00:02:00,920 --> 00:02:02,920
vazhdojnë të udhëtarit të ardhshëm.

33
00:02:02,920 --> 00:02:07,380
Tjetër, ne kontrolloni për të parë nëse kjo
Shtëpia udhëtarëve është brenda

34
00:02:07,380 --> 00:02:08,590
array shtëpisë.

35
00:02:08,590 --> 00:02:11,900
Kjo është kontrolloni që ne duhet të sigurohemi
se ne nuk e marr në studente si

36
00:02:11,900 --> 00:02:13,180
spekulim thotë.

37
00:02:13,180 --> 00:02:15,920
Pra, nëse udhëtari është një studente,
ne do të

38
00:02:15,920 --> 00:02:18,190
vazhdojnë të udhëtarit të ardhshëm.

39
00:02:18,190 --> 00:02:21,720
>> Pasi ne kemi verifikuar se kjo është një
pasagjer ne duhet të ringjallet,

40
00:02:21,720 --> 00:02:25,340
ne jemi tani duke shkuar për të kontrolluar gjerësi
dhe gjatësi e pasagjerit dhe të shohim

41
00:02:25,340 --> 00:02:27,760
nëse kjo është brenda 15 këmbët
e anijes.

42
00:02:27,760 --> 00:02:31,720
Në qoftë se është e rastit, ne fakt duan
për të marr këtë pasagjer.

43
00:02:31,720 --> 00:02:35,890
Pra, ne integrimin e mbi të gjitha vendeve
në anije tonë në kërkim për të parë nëse

44
00:02:35,890 --> 00:02:38,110
ka një vend në dispozicion
për pasagjer.

45
00:02:38,110 --> 00:02:41,540
Nëse një prej vendeve është null,
kjo është një vend në dispozicion.

46
00:02:41,540 --> 00:02:45,140
Pra, ne shtoni pasagjerëve në vend.

47
00:02:45,140 --> 00:02:48,760
Ne kujtojmë se ne kap
pasagjerëve në mënyrë që në fund, ne mund të

48
00:02:48,760 --> 00:02:52,450
shpallë në qoftë se ne të vërtetë
nuk marr askënd deri.

49
00:02:52,450 --> 00:02:56,140
Ne kujtojmë se kemi ulur ky
pasagjer që në qoftë se ne të arrijnë të marrin

50
00:02:56,140 --> 00:02:59,320
nëpërmjet gjithë anijes pa
tapiceri të pasagjerëve, atëherë ne duhet të

51
00:02:59,320 --> 00:03:00,885
të njoftuar se ne jemi nga vendet e.

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

53
00:03:03,760 --> 00:03:06,885
>> Pastaj ne të hequr vendin e tyre
të shënuar nga Google Earth.

54
00:03:06,885 --> 00:03:11,310
Ne hequr shënues e tyre nga Google Maps,
vendosur në brendësi të udhëtarëve tanë '

55
00:03:11,310 --> 00:03:14,830
mark vend array dhe shënues
tek null siç thamë më parë.

56
00:03:14,830 --> 00:03:16,035
Dhe atëherë kjo është ajo.

57
00:03:16,035 --> 00:03:17,050
Udhëtari është ulur.

58
00:03:17,050 --> 00:03:19,570
Pasi ne kemi bërë që për të gjithë udhëtarët
brenda 15 këmbët e

59
00:03:19,570 --> 00:03:23,250
anijes, ne kemi nevojë për të rechart.

60
00:03:23,250 --> 00:03:30,270
>> Pra Grafik është ajo që do të shfaqur
pasagjerët në vende më shumë se këtu.

61
00:03:30,270 --> 00:03:32,760
Deri tani, le të shohim në Chart.

62
00:03:32,760 --> 00:03:37,960
Brenda të Kartës, ne do të jetë
ndërtimin e HTML për tabelë.

63
00:03:37,960 --> 00:03:41,160
Pra tabelë do të
të jetë lista e renditur.

64
00:03:41,160 --> 00:03:44,300
Pastaj ne do të iterate mbi të gjitha
vendet në anije tonë.

65
00:03:44,300 --> 00:03:48,450
Pra, nëse ky vend të veçantë është null, që
do të thotë që ne duam një artikull që List

66
00:03:48,450 --> 00:03:50,800
tregon se kjo është një e lehtë bosh.

67
00:03:50,800 --> 00:03:55,650
Tjetër, po të mos ishte i pavlefshëm, atëherë ne duam
një artikull Lista që do të shfaqur

68
00:03:55,650 --> 00:03:58,660
emri i pasagjerit dhe
shtëpia e pasagjerit

69
00:03:58,660 --> 00:04:00,420
kjo është në këtë vend.

70
00:04:00,420 --> 00:04:04,620
>> Pasi ne kemi përsëritur mbi të gjitha
vende atëherë ne të mbyllur listën tonë të urdhëruar

71
00:04:04,620 --> 00:04:09,410
dhe të përdorin jQuery për të zgjedhur chart div
dhe të zëvendësojë është e HTML me tonë të re

72
00:04:09,410 --> 00:04:10,550
urdhëroi listë.

73
00:04:10,550 --> 00:04:12,090
Dhe kjo është ajo për Chart.

74
00:04:12,090 --> 00:04:15,170
>> Pra, gjëja e fundit është të bien.

75
00:04:15,170 --> 00:04:20,860
Tani ndalem do të jetë
shumë e ngjashme me marr.

76
00:04:20,860 --> 00:04:24,150
Në vend të looping mbi të gjitha
pasagjerët, ne jemi duke shkuar për lak mbi

77
00:04:24,150 --> 00:04:25,780
të gjitha vendeve anijes.

78
00:04:25,780 --> 00:04:29,720
Pra looping mbi vendeve anijes, ne
të parë është ky vend të veçantë anijes

79
00:04:29,720 --> 00:04:32,850
jo null, rast në të cilin ka
një pasagjer në këtë vend.

80
00:04:32,850 --> 00:04:35,380
Në qoftë se është e rastit, ne duam
për të rrëmbyer gjerësi dhe

81
00:04:35,380 --> 00:04:37,030
gjatësi të këtij pasagjerëve.

82
00:04:37,030 --> 00:04:42,110
>> Pra, duke përdorur rrjet të shtëpisë, ne jemi
duke shkuar për të rrëmbyer shtëpinë e

83
00:04:42,110 --> 00:04:46,990
të pasagjerëve në këtë vend dhe pastaj kap
gjerësi ajo shtëpi të veçantë

84
00:04:46,990 --> 00:04:49,070
dhe në mënyrë të ngjashme për gjatësi.

85
00:04:49,070 --> 00:04:54,270
Tani, ne edhe një herë e përdorin distancë për të parë
në atë shtëpi është brenda 30 këmbët e ne.

86
00:04:54,270 --> 00:04:58,320
Në qoftë se është e rastit, ata duan për të vendosur
këtë vend të null, pasi pasagjerëve

87
00:04:58,320 --> 00:05:01,760
ishte rënë off, dhe rritje që
një pasagjer u rënë off.

88
00:05:01,760 --> 00:05:05,910
Kështu që në fund, në qoftë se askush nuk ishte
rënë jashtë, ne kemi njoftuar se askush nuk

89
00:05:05,910 --> 00:05:07,600
dëshiron të jetë rënë off këtu.

90
00:05:07,600 --> 00:05:12,510
>> Së fundi, ne duhet të rechart në mënyrë që
ne ekran, vende të reja bosh.

91
00:05:12,510 --> 00:05:15,770
Tani, ju vetëm duhet për të zbatuar
disa tipare shtesë.

92
00:05:15,770 --> 00:05:17,680
Tani, ka shumë që ju mund të
janë zgjedhur nga.

93
00:05:17,680 --> 00:05:21,630
Por në rastin tonë kemi zbatuar teleport,
fluturues, dhe përshpejtimin, dhe

94
00:05:21,630 --> 00:05:22,770
shpejtimin poshtë.

95
00:05:22,770 --> 00:05:25,100
Pra, le të shohim ato.

96
00:05:25,100 --> 00:05:27,830
Së pari, le të marrin një vështrim në
përshpejtimin funksion.

97
00:05:27,830 --> 00:05:32,720
Pra, në rastin tonë, në keystroke
funksion, ku ne jemi tashmë të trajtimit

98
00:05:32,720 --> 00:05:39,900
të gjitha këto çelësat, ne jemi gjithashtu do të
njohin X dhe Z. Atë që ne specifikuar

99
00:05:39,900 --> 00:05:43,720
se këto karaktere do të
shkaktojë shpejtësi të anijes ndaj

100
00:05:43,720 --> 00:05:46,530
të rritet dhe të ulet.

101
00:05:46,530 --> 00:05:50,940
>> Pra të vini re se ne kemi vënë një kufi mbi atë se si
të lartë dhe se si një të ulët shpejtësia mund të

102
00:05:50,940 --> 00:05:55,030
në të vërtetë të shkojnë pasi ne nuk duam
transferim jetë shumë shpejt.

103
00:05:55,030 --> 00:05:58,180
Dhe ne gjithashtu nuk duan të anijes
shpejtësia për të shkuar në zero ose ndoshta

104
00:05:58,180 --> 00:06:01,480
edhe negative e cila do të rezultojë
në disa sjellje të çuditshme.

105
00:06:01,480 --> 00:06:03,890
Dhe kjo është ajo për tejkalim shpejtësie
lart e ngadalësuar.

106
00:06:03,890 --> 00:06:05,980
>> Tani, le të marrin një vështrim në fluturues.

107
00:06:05,980 --> 00:06:11,370
Pra mos harroni se tipar fluturues
kërkon nga ju për të hyrë në kodin Konami.

108
00:06:11,370 --> 00:06:18,070
Pra, deri në krye, ne shohim ne kemi disa
Variablat globale, Kodi Konami e cila është

109
00:06:18,070 --> 00:06:20,975
një grup që është vetëm mbajtja e
çelësat që duhet të hyrë për

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

111
00:06:22,600 --> 00:06:26,340
Ka një bool e cila vetëm tregon
nëse Kodi Konami tashmë ka

112
00:06:26,340 --> 00:06:27,660
qenë futur.

113
00:06:27,660 --> 00:06:30,430
Dhe pastaj nuk ka indeksi në
array Kodi i Konami që

114
00:06:30,430 --> 00:06:31,770
ne jemi aktualisht në.

115
00:06:31,770 --> 00:06:36,020
>> Pra, në qoftë se përdoruesi ka hyrë tashmë tre
karaktere të Kodit Konami

116
00:06:36,020 --> 00:06:40,530
atëherë indeksi do të tregojnë për
Gjëja e katërt në grup,

117
00:06:40,530 --> 00:06:42,150
Indeksi i tretë.

118
00:06:42,150 --> 00:06:44,630
Duke përdorur që, edhe një herë ne do të
shikoni në goditje kryesore.

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

120
00:06:48,040 --> 00:06:51,910
Dhe në goditje kyç ne shohim këtu se në qoftë se
Kodi Konami nuk ka qenë tashmë

121
00:06:51,910 --> 00:06:58,410
hyrë, atëherë ne duam të shohim është
kyç që ishte futur ajo që ne jemi

122
00:06:58,410 --> 00:07:01,250
duke pritur nga
array Kodi Konami.

123
00:07:01,250 --> 00:07:04,350
Nëse është kështu, atëherë
ne rritje indeksin tonë.

124
00:07:04,350 --> 00:07:07,660
>> Nëse lloje përdorues Deri atëherë indeksi
do të shkojë në një.

125
00:07:07,660 --> 00:07:10,280
Atëherë përdoruesit do të shkruani përsëri,
indeksi shkon për të dy.

126
00:07:10,280 --> 00:07:12,150
Pastaj ata do të shtypni poshtë,
ajo do të shkojë në tre.

127
00:07:12,150 --> 00:07:17,320
Nëse ata shtypni Q, ajo do të rivendosur të
zero pasi ata nuk korespondon

128
00:07:17,320 --> 00:07:20,140
vlera e pritur.

129
00:07:20,140 --> 00:07:24,810
Tani, në qoftë se ata të arrijnë të marrin me anë të
tërë array atëherë ata kanë hyrë

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

131
00:07:26,280 --> 00:07:33,960
Në këtë rast, tani që Konami ka hyrë
është e vërtetë, ne shohim këtu poshtë se në qoftë se

132
00:07:33,960 --> 00:07:40,460
Konami u futur, ne e pranojmë dy të reja
çelësat, C dhe E. E cila të gjithë ata do të bëjnë

133
00:07:40,460 --> 00:07:45,800
është vendosur në rënie fluturues dhe fluturues
shtetet e lart në anije.

134
00:07:45,800 --> 00:07:48,530
Kështu që tashmë ekzistojnë për ju.

135
00:07:48,530 --> 00:07:51,190
Ju vetëm duhet të marrë
Përparësia e tyre.

136
00:07:51,190 --> 00:07:52,890
Dhe kjo është ajo për të fluturuar.

137
00:07:52,890 --> 00:07:54,680
>> E kaluar, ne kemi teleport.

138
00:07:54,680 --> 00:08:00,710
Pra, brenda të HTML, shohim se
ne kemi shtuar një kuti të dhëna dhe a

139
00:08:00,710 --> 00:08:02,270
teleport butonin.

140
00:08:02,270 --> 00:08:08,300
Kutia e ka adresën ID, dhe butonin
ka një buton teleport ID.

141
00:08:08,300 --> 00:08:13,970
Tani një detaj i bezdisshëm vogël është se
nëse ne nuk bëjmë asgjë me ngjarje

142
00:08:13,970 --> 00:08:19,210
handlers atëherë kur ne të përpiqemi për të tipit
diçka si një në kutinë e input,

143
00:08:19,210 --> 00:08:25,250
në vend të vërtetë lidhur A, Google tonë
Toka do të shkojë në

144
00:08:25,250 --> 00:08:30,040
mbetur që nga Një është i regjistruar
për të trajtuar duke lëvizur në të majtë.

145
00:08:30,040 --> 00:08:35,100
>> Pra detaj i bezdisshëm këtu është se
kur ne kemi një butonin down ose butonin e deri

146
00:08:35,100 --> 00:08:40,789
Veprimtaria brenda kuti input, ne duam
te event.stop shumimin e cila është

147
00:08:40,789 --> 00:08:43,830
vetëm duke shkuar për të parandaluar
rrëshqitje e anijes.

148
00:08:43,830 --> 00:08:48,510
Pasi që është trajtuar, ne gjithashtu duam të shtoni
një mbajtës në butonin teleport.

149
00:08:48,510 --> 00:08:52,880
Kur ne kliko butonin teleport, ne
kap adresën, e cila është aktuale

150
00:08:52,880 --> 00:08:57,580
Vlera në kutinë e input, dhe më pas
ne e quajmë këtë funksion teleport.

151
00:08:57,580 --> 00:09:00,910
>> Pra, çfarë e bën teleport
funksion të duken si?

152
00:09:00,910 --> 00:09:04,840
E pra, gjëja e parë që ne shohim është që ne jemi
duke përdorur geocoder. geocode.

153
00:09:04,840 --> 00:09:06,940
Pra, çfarë është ajo?

154
00:09:06,940 --> 00:09:10,330
E pra, nëse ne shikojmë në krye,
ne shohim se ne kemi një të ri

155
00:09:10,330 --> 00:09:13,860
variabël globale, geocoder.

156
00:09:13,860 --> 00:09:17,500
Dhe kjo është një referencë globale
në një shërbim geocoding.

157
00:09:17,500 --> 00:09:19,380
Tani çfarë do të bëni për ne?

158
00:09:19,380 --> 00:09:23,810
E pra, në kutinë e input, unë jam do të jetë
hyjnë diçka si 33 Oksford

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

160
00:09:26,040 --> 00:09:28,580
Por ne nuk mund të vërtetë të bëjë
asgjë me këtë.

161
00:09:28,580 --> 00:09:31,760
Ne duam për të kthyer që të
gjerësi dhe gjatësi.

162
00:09:31,760 --> 00:09:34,940
Dhe kjo është ajo që të Shërbimit geocoding
do të bëjë për ne.

163
00:09:34,940 --> 00:09:40,630
Në fund të initcb, shohim se
ne kemi geocoder barabartë i ri

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder cila initializes
kjo variabël për ne.

165
00:09:45,830 --> 00:09:47,930
>> Pra, përsëri në teleport.

166
00:09:47,930 --> 00:09:51,240
Ne e shohim ne jemi duke përdorur geocoder.

167
00:09:51,240 --> 00:09:54,970
Ne jemi geocoding adresën që ishte
kaloi në funksion teleport të cilat

168
00:09:54,970 --> 00:09:57,450
ishte rrëmbyer nga kuti input.

169
00:09:57,450 --> 00:10:02,020
Dhe ne jemi duke kaluar atë një telefonatë mbrapa
e cila merr rezultatet dhe statusin.

170
00:10:02,020 --> 00:10:05,905
Pra, gjëja e parë që ne duhet të kontrolloni për
dokumenti API i google.maps.

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

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

173
00:10:08,330 --> 00:10:11,550
>> Pra, ne kemi për të kontrolluar statusin
për të parë nëse ajo kthehet.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK cilat
tregon se ne kemi një rezultat të vlefshëm.

175
00:10:16,820 --> 00:10:19,310
Nëse ne nuk bëjmë, atëherë ne të marrë, nuk mund të bëjë.

176
00:10:19,310 --> 00:10:20,990
Kjo mund të jetë një adresë e pavlefshme.

177
00:10:20,990 --> 00:10:24,630
Ose fuqia e shërbimit API
të jetë e poshtë apo kush e di?

178
00:10:24,630 --> 00:10:29,980
Duke supozuar se ne kemi një rezultat sukses atëherë
ne jemi duke shkuar për të rrëmbyer vendin nga

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

180
00:10:30,790 --> 00:10:34,220
Dhe ne jemi duke shkuar për të vendosur Google Map
në kënd të drejtë fund për të qenë

181
00:10:34,220 --> 00:10:38,870
përqëndruar në atë vend dhe të rinovuar
autobus në hartë në atë vend.

182
00:10:38,870 --> 00:10:41,620
>> Dhe tani ne kemi nevojë për të rinovuar
Google Earth plug-in.

183
00:10:41,620 --> 00:10:45,340
Pra, ne update gjerësi dhe
Gjatësia e anijes.

184
00:10:45,340 --> 00:10:50,570
Dhe ne gjithashtu duhet për të rinovuar
shuttle.localAnchorCartesian që nëse

185
00:10:50,570 --> 00:10:55,250
ju shikoni në shuttle.js, ju do të shihni se
që gjithashtu mban gjurmët e gjerësi

186
00:10:55,250 --> 00:10:56,310
dhe gjatësi.

187
00:10:56,310 --> 00:10:59,490
Pra, nëse ne nuk e rinovuar se, ne kemi
gjerësi dhe gjatësi origjinale

188
00:10:59,490 --> 00:11:01,330
ruajtur e fshehur diku.

189
00:11:01,330 --> 00:11:06,490
Pra përditësimin se tani, ne e quajmë
shuttle.updateCamera për të rifreskuar

190
00:11:06,490 --> 00:11:09,070
ekran dhe të na tregojnë vendin tonë të ri.

191
00:11:09,070 --> 00:11:10,380
Dhe kjo është ajo.

192
00:11:10,380 --> 00:11:11,500
Emri im është Rob.

193
00:11:11,500 --> 00:11:12,750
Dhe kjo ishte e anijes.

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