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

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

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

4
00:00:13,780 --> 00:00:19,500
Ja toivon olet valmis poimia mitä
Olen pudottamalla päältä tai laskemisen,

5
00:00:19,500 --> 00:00:22,230
tai Mennään alkoi.

6
00:00:22,230 --> 00:00:25,040
Joten meidän täytyy ensiksi
vain poimia.

7
00:00:25,040 --> 00:00:29,370
Nyt poimia aiotaan poistamalla
matkustajien kuvakkeet Google

8
00:00:29,370 --> 00:00:32,759
Kartan oikeassa alakulmassa ja
Google Earth keskustassa

9
00:00:32,759 --> 00:00:33,970
näytön.

10
00:00:33,970 --> 00:00:37,180
Joten jotta voitaisiin poistaa nämä
kuvakkeet, meidän on

11
00:00:37,180 --> 00:00:39,040
viittauksia ne jonnekin.

12
00:00:39,040 --> 00:00:43,680
Mutta tällä hetkellä, Populate toiminto
vain pääsee eroon niistä.

13
00:00:43,680 --> 00:00:48,140
Joten aiomme joutua muokkaamaan
kansoittavat pitää ne ympäri.

14
00:00:48,140 --> 00:00:53,440
>> Nyt ensimmäinen asia näemme on, että me
on maailmanlaajuinen matkustajia array.

15
00:00:53,440 --> 00:00:57,710
Ja niin me aiomme käyttää tätä Globalin
Matkustajien array Populate.

16
00:00:57,710 --> 00:01:03,230
Vuonna Populate, näemme, että olemme silmukoiden
kaikkien meidän matkustajia.

17
00:01:03,230 --> 00:01:10,420
Ja se on tämä silmukka, joka luodaan
aseta merkki Google Earth ja

18
00:01:10,420 --> 00:01:12,540
merkkiaine Google Map.

19
00:01:12,540 --> 00:01:16,420
Ja nyt meidän muutokseen
asuttamaan on olla täällä.

20
00:01:16,420 --> 00:01:21,760
Joten olemme lisätään edelleen meidän matkustajien
array tämä esine, jonka on pitää

21
00:01:21,760 --> 00:01:26,480
merkin ympärillä ja paikka merkin me vain
luotu yhdessä talon ja

22
00:01:26,480 --> 00:01:28,460
Nimi matkustaja.

23
00:01:28,460 --> 00:01:30,560
>> Niin, että se Populate.

24
00:01:30,560 --> 00:01:33,210
Nyt meidän täytyy tarkastella Pick Up.

25
00:01:33,210 --> 00:01:38,540
Joten Pick Up, olemme jälleen menossa
kerrata kaikkien meidän matkustajia.

26
00:01:38,540 --> 00:01:41,340
Mutta nyt se on globaalia
Matkustajien array.

27
00:01:41,340 --> 00:01:46,150
Ja tässä me näemme, että hyvin, ovat
meillä on jo piristyi tämän matkustaja?

28
00:01:46,150 --> 00:01:50,030
Sillä jos olemme piristyi tätä
henkilöauto, näemme lopulta, että

29
00:01:50,030 --> 00:01:55,240
aiomme asettaa merkki ja
paikka merkki null koska he ei

30
00:01:55,240 --> 00:01:56,930
enää Google map.

31
00:01:56,930 --> 00:02:00,920
>> Joten jos olemme jo piristynyt tämän
henkilöauto Sitten olemme juuri menossa

32
00:02:00,920 --> 00:02:02,920
jatka seuraavaan matkustaja.

33
00:02:02,920 --> 00:02:07,380
Else, tarkistamme onko tämä
matkustajan talo on sisällä

34
00:02:07,380 --> 00:02:08,590
talon array.

35
00:02:08,590 --> 00:02:11,900
Tämä on tarkistaa meidän täytyy varmistaa
että emme poimi fuksi kuin

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

37
00:02:13,180 --> 00:02:15,920
Joten jos matkustaja on fuksi,
aiomme

38
00:02:15,920 --> 00:02:18,190
jatka seuraavaan matkustaja.

39
00:02:18,190 --> 00:02:21,720
>> Kun olemme varmistaneet, että tämä on
henkilöauto meidän olisi piristymässä

40
00:02:21,720 --> 00:02:25,340
olemme nyt menossa tarkistaa leveyttä
ja leveyspiiri matkustaja ja nähdä

41
00:02:25,340 --> 00:02:27,760
jos se on 15 jalkaa
sukkulan.

42
00:02:27,760 --> 00:02:31,720
Jos näin on, me todella haluamme
poimia tämä matkustaja.

43
00:02:31,720 --> 00:02:35,890
Joten me integroida hoitaakseen kaikki istuimet
meidän shuttle katsomatta, jos

44
00:02:35,890 --> 00:02:38,110
siellä on käytettävissä paikan päällä
Matkustajan paikan.

45
00:02:38,110 --> 00:02:41,540
Jos jokin paikkaa on nolla,
joka on käytettävissä paikan päällä.

46
00:02:41,540 --> 00:02:45,140
Joten lisäämme matkustajan istuimeen.

47
00:02:45,140 --> 00:02:48,760
Muistamme, että poimimme
henkilöauto niin että lopulta voimme

48
00:02:48,760 --> 00:02:52,450
ilmoittaa, jos me todella
ei valita ketään ylös.

49
00:02:52,450 --> 00:02:56,140
Me muistamme, että meillä istuu tämän
henkilöauto sillä jos onnistumme saamaan

50
00:02:56,140 --> 00:02:59,320
läpi koko shuttle ilman
istuimet matkustaja, meidän täytyy

51
00:02:59,320 --> 00:03:00,885
ilmoittaa, että olemme ulkona paikkaa.

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

53
00:03:03,760 --> 00:03:06,885
>> Sitten poistamme paikkansa
merkitä Google Earth.

54
00:03:06,885 --> 00:03:11,310
Poistamme striimerinsä Google Maps,
asettaa sisällä meidän matkustajien

55
00:03:11,310 --> 00:03:14,830
array paikka merkki ja merkki
null kuten olemme sanoneet aiemmin.

56
00:03:14,830 --> 00:03:16,035
Ja sitten se on siinä.

57
00:03:16,035 --> 00:03:17,050
Matkustaja on paikallaan.

58
00:03:17,050 --> 00:03:19,570
Kun olemme tehneet, että kaikille matkustajille
15 metriä

59
00:03:19,570 --> 00:03:23,250
shuttle, meidän täytyy rechart.

60
00:03:23,250 --> 00:03:30,270
>> Joten Chart on mitä tulee näkyviin
matkustajien istuimia tänne.

61
00:03:30,270 --> 00:03:32,760
Joten nyt, katsokaamme Chart.

62
00:03:32,760 --> 00:03:37,960
Sisältä Chart, aiomme olla
rakentaa HTML kaavion.

63
00:03:37,960 --> 00:03:41,160
Joten kaavio on menossa
olla järjestetty lista.

64
00:03:41,160 --> 00:03:44,300
Sitten me kerrata hoitaakseen kaikki
paikkaa meidän shuttle.

65
00:03:44,300 --> 00:03:48,450
Joten jos tämä erityisesti istuin on null, että
tarkoittaa haluamme Listan asia, että

66
00:03:48,450 --> 00:03:50,800
osoittaa, että se on tyhjä helppoa.

67
00:03:50,800 --> 00:03:55,650
Else, jos se ei ole tyhjä, niin haluamme
Listan asia, joka tulee näyttämään

68
00:03:55,650 --> 00:03:58,660
nimi matkustaja-ja
talon matkustajan

69
00:03:58,660 --> 00:04:00,420
joka on tällä paikalla.

70
00:04:00,420 --> 00:04:04,620
>> Kun olemme iteroitava hoitaakseen kaikki
paikkaa, suljemme järjestetty lista

71
00:04:04,620 --> 00:04:09,410
ja käyttää jQuery valita kaavion div
ja korvata se HTML kanssa uuden

72
00:04:09,410 --> 00:04:10,550
järjestetty lista.

73
00:04:10,550 --> 00:04:12,090
Ja se on siinä Chart.

74
00:04:12,090 --> 00:04:15,170
>> Joten viimeinen asia on pudota pois.

75
00:04:15,170 --> 00:04:20,860
Nyt pudota pois tulee olemaan
melko samanlainen poimia.

76
00:04:20,860 --> 00:04:24,150
Sen sijaan, että silmukoiden hoitaakseen kaikki
matkustajat, aiomme lenkki

77
00:04:24,150 --> 00:04:25,780
kaikki sukkulan paikkaa.

78
00:04:25,780 --> 00:04:29,720
Joten silmukoiden yli sukkula istuimet, me
näet on tässä shuttle istuin

79
00:04:29,720 --> 00:04:32,850
ei ole tyhjä, jolloin siellä
matkustajan tällä paikalla.

80
00:04:32,850 --> 00:04:35,380
Jos näin on, me haluamme
napata leveyttä ja

81
00:04:35,380 --> 00:04:37,030
pituusaste tämän matkustaja.

82
00:04:37,030 --> 00:04:42,110
>> Joten käyttämällä talon array, olemme
menossa napata taloon

83
00:04:42,110 --> 00:04:46,990
matkustajan tällä paikalla ja sitten napata
leveyttä, että erityisesti talon

84
00:04:46,990 --> 00:04:49,070
ja vastaavasti pituutta.

85
00:04:49,070 --> 00:04:54,270
Nyt olemme jälleen käyttää etäisyyttä nähdä
tuossa talossa on 30 metriä meistä.

86
00:04:54,270 --> 00:04:58,320
Jos näin on, haluavatko ne asettaa
tämä paikka nollaamaan, koska matkustaja

87
00:04:58,320 --> 00:05:01,760
pudotettiin pois, ja kasvu että
matkustajan oli pudonnut pois.

88
00:05:01,760 --> 00:05:05,910
Niin että loppujen lopuksi, jos kukaan ei ollut
pudonnut pois, me ilmoitamme, että kukaan

89
00:05:05,910 --> 00:05:07,600
haluaa pudotetaan pois täältä.

90
00:05:07,600 --> 00:05:12,510
>> Lopuksi, meidän täytyy rechart jotta
Esittelemme uusia, tyhjiä paikkoja.

91
00:05:12,510 --> 00:05:15,770
Nyt sinun tarvitsee vain toteuttaa
joitakin lisäominaisuuksia.

92
00:05:15,770 --> 00:05:17,680
Nyt siellä on paljon voisit
ovat valinneet.

93
00:05:17,680 --> 00:05:21,630
Mutta meidän tapauksessamme toteutimme Teleport,
lentävät, ja nopeuttaa, ja

94
00:05:21,630 --> 00:05:22,770
ylinopeus alas.

95
00:05:22,770 --> 00:05:25,100
Joten katsokaamme niitä.

96
00:05:25,100 --> 00:05:27,830
Ensimmäinen, nyt katsomaan
nopeuttaa ominaisuus.

97
00:05:27,830 --> 00:05:32,720
Joten meidän tapauksessa näppäilyn
toiminto, jossa olemme jo käsittelyn

98
00:05:32,720 --> 00:05:39,900
kaikki nämä avaimet, olemme myös menossa
tunnustavat X ja Z. Jota täsmentää

99
00:05:39,900 --> 00:05:43,720
että nämä merkit ovat menossa
aiheuttaa sukkulan nopeuden

100
00:05:43,720 --> 00:05:46,530
lisätä ja vähentää.

101
00:05:46,530 --> 00:05:50,940
>> Niin huomaa, että laitoimme sidottu siihen, miten
korkea ja siitä, miten alhainen nopeus voi

102
00:05:50,940 --> 00:05:55,030
itse mennä koska emme halua
shuttle liian nopeasti.

103
00:05:55,030 --> 00:05:58,180
Ja emme myöskään halua sukkulan
nopeus mennä nollaan tai mahdollisesti

104
00:05:58,180 --> 00:06:01,480
jopa negatiivinen mikä johtaa
joissakin outoa käyttäytymistä.

105
00:06:01,480 --> 00:06:03,890
Ja siinä se ylinopeudesta
ylös ja hidastumassa.

106
00:06:03,890 --> 00:06:05,980
>> Nyt, katsomaan alla.

107
00:06:05,980 --> 00:06:11,370
Niin muista, että lentävät ominaisuus
sinun tulee syöttää Konami Code.

108
00:06:11,370 --> 00:06:18,070
Joten ylös yläosassa, näemme meillä on joitakin
globaaleja muuttujia, Konami Code joka on

109
00:06:18,070 --> 00:06:20,975
array, joka on juuri pitää kirjaa
avaimet, jotka on kirjattu

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

111
00:06:22,600 --> 00:06:26,340
On Bool joka vain osoittaa
onko Konami Code on jo

112
00:06:26,340 --> 00:06:27,660
kirjattu.

113
00:06:27,660 --> 00:06:30,430
Ja sitten on indeksinä
Konami Code array, joka

114
00:06:30,430 --> 00:06:31,770
Olemme tällä hetkellä.

115
00:06:31,770 --> 00:06:36,020
>> Joten jos käyttäjä on jo syöttänyt kolme
merkkiä Konami Code

116
00:06:36,020 --> 00:06:40,530
sitten indeksi on menossa osoittamaan
Neljäs asia array,

117
00:06:40,530 --> 00:06:42,150
kolmannen indeksi.

118
00:06:42,150 --> 00:06:44,630
Käyttäen, että jälleen kerran näytämme
katsokaa keskeinen aivohalvauksen.

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

120
00:06:48,040 --> 00:06:51,910
Ja keskeinen aivohalvauksen näemme tässä, että jos
Konami Code ei ole vielä annettu

121
00:06:51,910 --> 00:06:58,410
tuli, niin haluamme on
avain, joka kirjattiin mitä olemme

122
00:06:58,410 --> 00:07:01,250
tällä hetkellä odottavat
Konami Code array.

123
00:07:01,250 --> 00:07:04,350
Jos näin on, niin
me kasvattaa meidän indeksi.

124
00:07:04,350 --> 00:07:07,660
>> Jos käyttäjä kirjoittaa ylös sitten indeksi
on menossa yhteen.

125
00:07:07,660 --> 00:07:10,280
Niin käyttäjä kirjoittaa uudelleen,
indeksin menee kaksi.

126
00:07:10,280 --> 00:07:12,150
Sitten he kirjoita alas,
se menee kolmeen.

127
00:07:12,150 --> 00:07:17,320
Jos he kirjoittavat Q, se tulee palauttaa
nolla, koska ne eivät täsmää

128
00:07:17,320 --> 00:07:20,140
odotusarvo.

129
00:07:20,140 --> 00:07:24,810
Nyt, jos he onnistuvat saamaan läpi
koko joukko sitten he ovat tulleet

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

131
00:07:26,280 --> 00:07:33,960
Missä tapauksessa nyt, että Konami tuli
on totta, näemme täällä, että jos

132
00:07:33,960 --> 00:07:40,460
Konami on tullut, me hyväksymme kaksi uutta
avaimet, C ja E. jolloin kaikki tekevät

133
00:07:40,460 --> 00:07:45,800
on asetettu purjehtii alaspäin ja lentävät
ylöspäin valtioiden shuttle.

134
00:07:45,800 --> 00:07:48,530
Joten jo sinulle.

135
00:07:48,530 --> 00:07:51,190
Sinun tarvitsee vain ottaa
hyödyntää niitä.

136
00:07:51,190 --> 00:07:52,890
Ja siinä se purjehtii.

137
00:07:52,890 --> 00:07:54,680
>> Viimeksi olemme Teleport.

138
00:07:54,680 --> 00:08:00,710
Joten sisällä HTML, näemme, että
olemme lisänneet kenttään ja

139
00:08:00,710 --> 00:08:02,270
Teleport-painiketta.

140
00:08:02,270 --> 00:08:08,300
Rasiassa on ID-osoite ja painike
on tunnus Teleport-painiketta.

141
00:08:08,300 --> 00:08:13,970
Nyt yksi harmittaa pieni yksityiskohta on se, että
jos emme tee mitään tapahtumaan

142
00:08:13,970 --> 00:08:19,210
käsittelijät sitten kun yritämme kirjoittaa
jotain syöttöruutuun,

143
00:08:19,210 --> 00:08:25,250
sijaan todella sitominen, meidän Google
Maa on menossa siirtyä

144
00:08:25,250 --> 00:08:30,040
jäljellä sillä on jo rekisteröity
käsitellä liikkuvat vasemmalle.

145
00:08:30,040 --> 00:08:35,100
>> Joten harmittaa yksityiskohta on, että
kun meillä on avain alas tai ylös-

146
00:08:35,100 --> 00:08:40,789
Jos sisällä syötekentästä haluamme
to event.stop eteneminen, joka on

147
00:08:40,789 --> 00:08:43,830
juuri menossa estää
liukuminen sukkula.

148
00:08:43,830 --> 00:08:48,510
Kun se on hoidettu, haluamme myös lisätä
ohjaaja Teleport-painiketta.

149
00:08:48,510 --> 00:08:52,880
Kun klikkaa Teleport-painiketta, me
napata-osoite, joka on nykyinen

150
00:08:52,880 --> 00:08:57,580
arvo syöttö-ruutuun ja
me kutsumme tätä Teleport toiminto.

151
00:08:57,580 --> 00:09:00,910
>> Joten mitä Teleport
toiminto näyttää?

152
00:09:00,910 --> 00:09:04,840
No, ensimmäinen asia näemme on me
käyttäen Geocoder. geocode.

153
00:09:04,840 --> 00:09:06,940
Niin mikä se on?

154
00:09:06,940 --> 00:09:10,330
No, jos katsomme alkuun,
näemme, että meillä on uusi

155
00:09:10,330 --> 00:09:13,860
globaali muuttuja, Geocoder.

156
00:09:13,860 --> 00:09:17,500
Ja tämä on globaali viite
to geocoding palveluun.

157
00:09:17,500 --> 00:09:19,380
Nyt mitä se meille tekisi?

158
00:09:19,380 --> 00:09:23,810
No, syöttö-ruutuun, aion olla
kirjoittamalla jotain 33 Oxford

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

160
00:09:26,040 --> 00:09:28,580
Mutta emme voi oikeastaan ​​tehdä
mitään siitä.

161
00:09:28,580 --> 00:09:31,760
Haluamme muuntaa että
leveyttä ja pituutta.

162
00:09:31,760 --> 00:09:34,940
Ja sitähän geocoding palvelun
aikoo tehdä meille.

163
00:09:34,940 --> 00:09:40,630
Alareunassa initcb, näemme, että
meillä on Geocoder vastaa uuden

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder joka alustaa
tämä muuttuja meille.

165
00:09:45,830 --> 00:09:47,930
>> Joten takaisin Teleport.

166
00:09:47,930 --> 00:09:51,240
Näemme käytämme Geocoder.

167
00:09:51,240 --> 00:09:54,970
Olemme geocoding osoite, joka oli
välitetään Teleport toiminto, joka

168
00:09:54,970 --> 00:09:57,450
oli napattu syöttöruutuun.

169
00:09:57,450 --> 00:10:02,020
Ja olemme siirtäneet sen soittaa takaisin
joka vie tulokset ja tila.

170
00:10:02,020 --> 00:10:05,905
Joten meidän täytyy ensiksi tarkistaa kohden
API asiakirja google.maps.

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

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

173
00:10:08,330 --> 00:10:11,550
>> Joten meidän täytyy tarkistaa tilan
nähdä, jos se palautetaan.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK joka
osoittaa, että meillä on voimassa oleva tulos.

175
00:10:16,820 --> 00:10:19,310
Jos emme, niin saamme, ei voi tehdä.

176
00:10:19,310 --> 00:10:20,990
Tämä voi olla virheellinen osoite.

177
00:10:20,990 --> 00:10:24,630
Tai API-palvelu ei ehkä
olla alas tai kuka tietää?

178
00:10:24,630 --> 00:10:29,980
Olettaen meillä on menestys tulos sitten
aiomme napata sijaintisi

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

180
00:10:30,790 --> 00:10:34,220
Ja aiomme asettaa Google Map
vuonna oikeassa alakulmassa olevan

181
00:10:34,220 --> 00:10:38,870
on keskittynyt tähän paikkaan ja päivittää
bussi kartalta kyseiseen sijaintiin.

182
00:10:38,870 --> 00:10:41,620
>> Ja nyt meidän täytyy päivittää
Google Earth-laajennus.

183
00:10:41,620 --> 00:10:45,340
Joten päivitämme leveyttä ja
pituusaste sukkula.

184
00:10:45,340 --> 00:10:50,570
Ja meidän on myös päivitettävä
shuttle.localAnchorCartesian koska jos

185
00:10:50,570 --> 00:10:55,250
sinä katsot shuttle.js, huomaat, että
että pitää kirjaa myös leveyttä

186
00:10:55,250 --> 00:10:56,310
ja pituutta.

187
00:10:56,310 --> 00:10:59,490
Joten jos emme päivittää, että meillä on
alkuperäinen leveys-ja pituusaste

188
00:10:59,490 --> 00:11:01,330
tallennetaan piilotettu jonnekin.

189
00:11:01,330 --> 00:11:06,490
Joten päivittää, että nyt kutsumme
shuttle.updateCamera virkistää

190
00:11:06,490 --> 00:11:09,070
näytön ja näyttää meille meidän uuteen paikkaan.

191
00:11:09,070 --> 00:11:10,380
Ja se on siinä.

192
00:11:10,380 --> 00:11:11,500
Nimeni on Rob.

193
00:11:11,500 --> 00:11:12,750
Ja tämä oli Shuttle.

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