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
Saya Rob.

4
00:00:13,780 --> 00:00:19,500
Dan saya berharap anda sudah bersedia untuk mengambil apa
Saya jatuh dari atau meletakkan ke bawah,

5
00:00:19,500 --> 00:00:22,230
atau mari kita memulakan.

6
00:00:22,230 --> 00:00:25,040
Perkara itu kita perlu
lakukan adalah meningkat.

7
00:00:25,040 --> 00:00:29,370
Sekarang, mengambil akan akan mengeluarkan
ikon penumpang dari Google

8
00:00:29,370 --> 00:00:32,759
Peta di sudut kanan bawah dan dari
Bumi Google di tengah-tengah

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

10
00:00:33,970 --> 00:00:37,180
Jadi dalam usaha untuk menghapuskan mereka
ikon, kita perlu mempunyai

11
00:00:37,180 --> 00:00:39,040
rujukan kepada mereka di suatu tempat.

12
00:00:39,040 --> 00:00:43,680
Tetapi pada masa ini, fungsi mengisi
hanya menghilangkan daripada mereka.

13
00:00:43,680 --> 00:00:48,140
Jadi, kita akan mempunyai untuk mengubah suai
mengisi untuk menjaga mereka di sekitar.

14
00:00:48,140 --> 00:00:53,440
>> Perkara pertama Sekarang kita akan melihat ialah kita
mempunyai penumpang pelbagai global.

15
00:00:53,440 --> 00:00:57,710
Dan sebagainya kita akan menggunakan yang global
penumpang pelbagai dalam mengisi.

16
00:00:57,710 --> 00:01:03,230
Dalam mengisi, kita lihat bahawa kita menggelung
ke atas semua penumpang kami.

17
00:01:03,230 --> 00:01:10,420
Dan ia gelung ini yang yang mewujudkan
meletakkan tanda untuk Google Earth dan

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

19
00:01:12,540 --> 00:01:16,420
Dan sekarang pengubahsuaian kami
untuk mengisi adalah untuk berada di sini.

20
00:01:16,420 --> 00:01:21,760
Jadi kita menambah kepada penumpang kami '
pelbagai objek ini yang menyimpan

21
00:01:21,760 --> 00:01:26,480
sekitar penanda dan tempat tanda kita
dicipta bersama-sama dengan rumah dan

22
00:01:26,480 --> 00:01:28,460
menamakan penumpang.

23
00:01:28,460 --> 00:01:30,560
>> Jadi itu sahaja untuk mengisi.

24
00:01:30,560 --> 00:01:33,210
Sekarang kita perlu melihat Pick Up.

25
00:01:33,210 --> 00:01:38,540
Jadi dalam Pick Up, kita sekali lagi akan
melelar atas semua penumpang kami.

26
00:01:38,540 --> 00:01:41,340
Tetapi sekarang ia global kami
penumpang pelbagai.

27
00:01:41,340 --> 00:01:46,150
Dan di sini kita melihat yang baik, telah
kita sudah meningkat penumpang ini?

28
00:01:46,150 --> 00:01:50,030
Kerana jika kami telah memilih ini
penumpang, kita lihat pada akhirnya bahawa

29
00:01:50,030 --> 00:01:55,240
kita akan menetapkan penanda dan
tempat tanda untuk batal kerana mereka tidak

30
00:01:55,240 --> 00:01:56,930
lagi dalam peta Google.

31
00:01:56,930 --> 00:02:00,920
>> Jadi, jika kita telah pun meningkat ini
penumpang maka kita hanya akan

32
00:02:00,920 --> 00:02:02,920
terus kepada penumpang depan.

33
00:02:02,920 --> 00:02:07,380
Yang lain, kami menyemak untuk melihat jika ini
rumah penumpang adalah bahagian dalam

34
00:02:07,380 --> 00:02:08,590
pelbagai rumah itu.

35
00:02:08,590 --> 00:02:11,900
Ini adalah cek yang kita perlu untuk memastikan
bahawa kita tidak mengambil bayat sebagai

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

37
00:02:13,180 --> 00:02:15,920
Jadi, jika penumpang adalah bayat,
kita akan

38
00:02:15,920 --> 00:02:18,190
terus kepada penumpang depan.

39
00:02:18,190 --> 00:02:21,720
>> Apabila kami telah mengesahkan bahawa ini adalah satu
penumpang kita perlu meminjam,

40
00:02:21,720 --> 00:02:25,340
kita kini akan memeriksa latitud
dan longitud penumpang dan melihat

41
00:02:25,340 --> 00:02:27,760
jika itu dalam tempoh 15 kaki
ulang-alik.

42
00:02:27,760 --> 00:02:31,720
Jika itu berlaku, kita sebenarnya mahu
untuk mengambil penumpang ini.

43
00:02:31,720 --> 00:02:35,890
Oleh itu, kita mengintegrasikan ke atas semua kerusi
dalam kapal kita ingin melihat jika

44
00:02:35,890 --> 00:02:38,110
ada tempat yang boleh didapati
untuk penumpang.

45
00:02:38,110 --> 00:02:41,540
Jika salah satu daripada tempat duduk adalah batal,
itulah tempat yang ada.

46
00:02:41,540 --> 00:02:45,140
Oleh itu, kita menambah penumpang untuk duduk.

47
00:02:45,140 --> 00:02:48,760
Kami ingat bahawa kita meningkat yang
penumpang supaya pada akhirnya, kita boleh

48
00:02:48,760 --> 00:02:52,450
mengumumkan jika kita benar-benar
tidak memilih sesiapa sahaja atas.

49
00:02:52,450 --> 00:02:56,140
Kami ingat bahawa kita duduk ini
penumpang kerana jika kita berjaya mendapatkan

50
00:02:56,140 --> 00:02:59,320
melalui seluruh perkhidmatan ulang-alik tanpa
duduk penumpang, maka kita perlu

51
00:02:59,320 --> 00:03:00,885
mengumumkan bahawa kami keluar dari tempat duduk.

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

53
00:03:03,760 --> 00:03:06,885
>> Kemudian kami keluarkan tempat mereka
menandakan dari Google Earth.

54
00:03:06,885 --> 00:03:11,310
Kami mengeluarkan penanda mereka dari Peta Google,
yang ditetapkan di dalam penumpang kami '

55
00:03:11,310 --> 00:03:14,830
tanda tempat array dan penanda
untuk null seperti yang kita katakan sebelum ini.

56
00:03:14,830 --> 00:03:16,035
Dan kemudian itu sahaja.

57
00:03:16,035 --> 00:03:17,050
Penumpang telah duduk.

58
00:03:17,050 --> 00:03:19,570
Apabila kami telah melakukan itu untuk semua penumpang
dalam tempoh 15 kaki daripada

59
00:03:19,570 --> 00:03:23,250
ulang-alik, kita perlu rechart.

60
00:03:23,250 --> 00:03:30,270
>> Jadi Carta adalah apa yang akan memaparkan
penumpang di tempat duduk di sini.

61
00:03:30,270 --> 00:03:32,760
Jadi sekarang, mari kita lihat Carta.

62
00:03:32,760 --> 00:03:37,960
Di dalam Carta, kita akan menjadi
membina HTML untuk carta.

63
00:03:37,960 --> 00:03:41,160
Jadi carta akan
menjadi senarai yang teratur.

64
00:03:41,160 --> 00:03:44,300
Kemudian kami akan melelar alih semua
kerusi dalam kapal kami.

65
00:03:44,300 --> 00:03:48,450
Jadi, jika kerusi ini tertentu adalah batal, yang
ertinya kita mahu item Senarai yang

66
00:03:48,450 --> 00:03:50,800
menunjukkan bahawa ia adalah satu mudah kosong.

67
00:03:50,800 --> 00:03:55,650
Lagi, jika ia tidak batal, maka kita mahu
Senarai item yang akan memaparkan

68
00:03:55,650 --> 00:03:58,660
nama penumpang dan
rumah penumpang

69
00:03:58,660 --> 00:04:00,420
itulah di tempat duduk ini.

70
00:04:00,420 --> 00:04:04,620
>> Apabila kami telah terlelar ke atas semua
kerusi maka kita menutup senarai mengarahkan kami

71
00:04:04,620 --> 00:04:09,410
dan menggunakan jQuery untuk memilih div carta
dan menggantikan ia dengan HTML baru kami

72
00:04:09,410 --> 00:04:10,550
senarai diperintahkan.

73
00:04:10,550 --> 00:04:12,090
Dan itu sahaja untuk Carta.

74
00:04:12,090 --> 00:04:15,170
>> Jadi perkara terakhir adalah menurunkan.

75
00:04:15,170 --> 00:04:20,860
Sekarang menurunkan akan menjadi
cantik sama meningkat.

76
00:04:20,860 --> 00:04:24,150
Sebaliknya menggelung ke atas semua
penumpang, kita akan lebih gelung

77
00:04:24,150 --> 00:04:25,780
semua tempat duduk ulang-alik.

78
00:04:25,780 --> 00:04:29,720
Jadi menggelung lebih kerusi ulang-alik, kami
lihat adalah kerusi ulang-alik tertentu

79
00:04:29,720 --> 00:04:32,850
tidak batal, di mana ada
penumpang di tempat duduk ini.

80
00:04:32,850 --> 00:04:35,380
Jika itu berlaku, kami mahu
merebut latitud dan

81
00:04:35,380 --> 00:04:37,030
longitud penumpang ini.

82
00:04:37,030 --> 00:04:42,110
>> Jadi menggunakan array rumah ini, kami
akan merebut rumah yang

83
00:04:42,110 --> 00:04:46,990
penumpang di tempat duduk ini dan kemudian merebut
latitud rumah yang tertentu

84
00:04:46,990 --> 00:04:49,070
dan juga untuk longitud.

85
00:04:49,070 --> 00:04:54,270
Sekarang, kita sekali lagi menggunakan jarak untuk melihat
di dalam rumah yang berada dalam 30 kaki daripada kita.

86
00:04:54,270 --> 00:04:58,320
Jika itu berlaku, mereka mahu untuk menetapkan
kerusi ini untuk nol, kerana penumpang

87
00:04:58,320 --> 00:05:01,760
telah diturunkan, dan kenaikan yang
penumpang telah diturunkan.

88
00:05:01,760 --> 00:05:05,910
Supaya pada akhirnya, jika tidak ada orang yang
diturunkan, kami mengumumkan bahawa tidak ada

89
00:05:05,910 --> 00:05:07,600
mahu diturunkan kerana di sini.

90
00:05:07,600 --> 00:05:12,510
>> Akhir sekali, kita perlu rechart supaya
kami memaparkan baru, tempat duduk kosong.

91
00:05:12,510 --> 00:05:15,770
Sekarang, anda hanya perlu untuk melaksanakan
beberapa ciri-ciri tambahan.

92
00:05:15,770 --> 00:05:17,680
Kini, terdapat banyak yang anda boleh
telah dipilih dari.

93
00:05:17,680 --> 00:05:21,630
Tetapi dalam kes ini kami melaksanakan teleport,
terbang, dan mempercepatkan, dan

94
00:05:21,630 --> 00:05:22,770
mempercepatkan ke bawah.

95
00:05:22,770 --> 00:05:25,100
Jadi mari kita melihat orang-orang.

96
00:05:25,100 --> 00:05:27,830
Pertama, mari kita lihat
ciri mempercepatkan.

97
00:05:27,830 --> 00:05:32,720
Jadi dalam kes ini, di keystroke yang
fungsi, di mana kita sudah mengendalikan

98
00:05:32,720 --> 00:05:39,900
semua kekunci ini, kami juga akan
mengiktiraf X dan Z. Yang kita nyatakan

99
00:05:39,900 --> 00:05:43,720
bahawa watak-watak ini akan
menyebabkan halaju pesawat itu untuk

100
00:05:43,720 --> 00:05:46,530
meningkat dan berkurangan.

101
00:05:46,530 --> 00:05:50,940
>> Jadi melihat bahawa kita meletakkan terikat kepada berapa
tinggi dan bagaimana yang rendah halaju boleh

102
00:05:50,940 --> 00:05:55,030
sebenarnya pergi kerana kita tidak mahu
ulang-alik ke terlalu cepat.

103
00:05:55,030 --> 00:05:58,180
Dan kita juga tidak mahu ulang-alik ini
halaju untuk pergi ke sifar atau mungkin

104
00:05:58,180 --> 00:06:01,480
walaupun negatif yang akan menyebabkan
dalam beberapa tingkah laku yang pelik.

105
00:06:01,480 --> 00:06:03,890
Dan itu sahaja kerana memandu laju
dan perlahan.

106
00:06:03,890 --> 00:06:05,980
>> Sekarang, mari kita lihat terbang.

107
00:06:05,980 --> 00:06:11,370
Jadi ingat bahawa ciri terbang
memerlukan anda untuk memasuki Kod Konami.

108
00:06:11,370 --> 00:06:18,070
Jadi sehingga di bahagian atas, kita lihat kita mempunyai beberapa
pembolehubah global, Konami Kod yang

109
00:06:18,070 --> 00:06:20,975
pelbagai yang hanya mengesan yang
kunci yang perlu dimasukkan untuk

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

111
00:06:22,600 --> 00:06:26,340
Ada bool yang hanya menunjukkan
sama ada Kod Konami telah pun

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

113
00:06:27,660 --> 00:06:30,430
Dan kemudian ada indeks ke
array Konami Kanun itu

114
00:06:30,430 --> 00:06:31,770
kita kini pada.

115
00:06:31,770 --> 00:06:36,020
>> Jadi, jika pengguna telah memasuki tiga
watak-watak Kod Konami

116
00:06:36,020 --> 00:06:40,530
maka indeks akan menunjukkan
perkara keempat dalam array, yang

117
00:06:40,530 --> 00:06:42,150
indeks ketiga.

118
00:06:42,150 --> 00:06:44,630
Menggunakan itu, sekali lagi kita akan
melihat strok kunci.

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

120
00:06:48,040 --> 00:06:51,910
Dan dalam strok utama kita lihat di sini bahawa jika
Kod Konami tidak pun

121
00:06:51,910 --> 00:06:58,410
dimasukkan, maka kita mahu lihat ialah
utama yang telah dimasukkan apa yang kita

122
00:06:58,410 --> 00:07:01,250
kini menjangkakan dari
array Konami Code.

123
00:07:01,250 --> 00:07:04,350
Jika itu berlaku, maka
kita kenaikan indeks kami.

124
00:07:04,350 --> 00:07:07,660
>> Jika jenis pengguna Up maka indeks
akan pergi kepada satu.

125
00:07:07,660 --> 00:07:10,280
Kemudian pengguna akan menaip semula,
indeks pergi ke dua.

126
00:07:10,280 --> 00:07:12,150
Kemudian mereka akan menaip ke bawah,
ia akan pergi ke tiga.

127
00:07:12,150 --> 00:07:17,320
Jika mereka jenis Q, ia akan menetapkan semula untuk
sifar kerana mereka tidak sepadan dengan

128
00:07:17,320 --> 00:07:20,140
nilai yang dijangkakan.

129
00:07:20,140 --> 00:07:24,810
Sekarang, jika mereka berjaya mendapatkan melalui
keseluruhan pelbagai maka mereka telah memasuki

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

131
00:07:26,280 --> 00:07:33,960
Di mana, sekarang bahawa Konami memasuki
benar, kita melihat ke bawah di sini bahawa jika

132
00:07:33,960 --> 00:07:40,460
Konami telah dimasukkan, kita ada dua baru
kunci, C dan E. Mana semua orang akan melakukan

133
00:07:40,460 --> 00:07:45,800
ditetapkan terbang ke bawah dan terbang
negeri menaik dalam ulang-alik.

134
00:07:45,800 --> 00:07:48,530
Jadi sudah wujud untuk anda.

135
00:07:48,530 --> 00:07:51,190
Anda hanya perlu mengambil
kesempatan daripada mereka.

136
00:07:51,190 --> 00:07:52,890
Dan itu sahaja untuk terbang.

137
00:07:52,890 --> 00:07:54,680
>> Lepas, kami telah teleport.

138
00:07:54,680 --> 00:08:00,710
Jadi dalam HTML, kita lihat bahawa
kami telah menambah kotak input dan

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

140
00:08:02,270 --> 00:08:08,300
Kotak ini mempunyai alamat ID, dan butang
mempunyai butang teleport ID.

141
00:08:08,300 --> 00:08:13,970
Sekarang satu terperinci sedikit menjengkelkan adalah bahawa
jika kita tidak melakukan apa-apa dengan acara

142
00:08:13,970 --> 00:08:19,210
Pengendali kemudian apabila kita cuba untuk menaip
sesuatu seperti A ke dalam kotak input,

143
00:08:19,210 --> 00:08:25,250
dan bukannya benar-benar mengikat A, Google kami
Bumi akan bergerak ke

144
00:08:25,250 --> 00:08:30,040
meninggalkan kerana A telah pun didaftarkan di
untuk mengendalikan bergerak ke kiri.

145
00:08:30,040 --> 00:08:35,100
>> Jadi terperinci menjengkelkan sini ialah
apabila kita mempunyai kunci ke bawah atau kekunci sehingga

146
00:08:35,100 --> 00:08:40,789
acara di dalam kotak input, kita mahu
untuk event.stop pembiakan yang

147
00:08:40,789 --> 00:08:43,830
hanya akan menghalang
gelongsor ulang-alik.

148
00:08:43,830 --> 00:08:48,510
Sebaik sahaja itu dikendalikan, kami juga mahu menambah
pengendali butang teleport ini.

149
00:08:48,510 --> 00:08:52,880
Apabila kita klik butang teleport, kami
merebut alamat, yang semasa

150
00:08:52,880 --> 00:08:57,580
nilai dalam kotak input, dan kemudian
kita panggil fungsi teleport ini.

151
00:08:57,580 --> 00:09:00,910
>> Jadi apa yang tidak teleport yang
fungsi kelihatan seperti?

152
00:09:00,910 --> 00:09:04,840
Nah, perkara pertama yang kita lihat adalah kami
menggunakan geocoder. Geocode.

153
00:09:04,840 --> 00:09:06,940
Jadi apa yang?

154
00:09:06,940 --> 00:09:10,330
Nah, jika kita melihat di bahagian atas,
kita melihat bahawa kita mempunyai yang baru

155
00:09:10,330 --> 00:09:13,860
berubah-ubah global, geocoder.

156
00:09:13,860 --> 00:09:17,500
Dan ini adalah satu rujukan global
kepada perkhidmatan geocoding.

157
00:09:17,500 --> 00:09:19,380
Sekarang apakah yang lakukan untuk kami?

158
00:09:19,380 --> 00:09:23,810
Nah, dalam kotak input, saya akan menjadi
memasuki sesuatu seperti 33 Oxford

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

160
00:09:26,040 --> 00:09:28,580
Tetapi kita tidak boleh benar-benar
apa-apa dengan itu.

161
00:09:28,580 --> 00:09:31,760
Kami mahu menukar bahawa untuk
latitud dan longitud.

162
00:09:31,760 --> 00:09:34,940
Dan itulah yang perkhidmatan geocoding yang
akan lakukan untuk kita.

163
00:09:34,940 --> 00:09:40,630
Di bahagian bawah initcb, kita lihat bahawa
kita mempunyai geocoder sama baru

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder yang kepada asal
pembolehubah ini untuk kita.

165
00:09:45,830 --> 00:09:47,930
>> Jadi belakang untuk teleport.

166
00:09:47,930 --> 00:09:51,240
Kami melihat kita menggunakan geocoder itu.

167
00:09:51,240 --> 00:09:54,970
Kami geocoding alamat yang
diserahkan kepada fungsi teleport yang

168
00:09:54,970 --> 00:09:57,450
telah meraih dari kotak input.

169
00:09:57,450 --> 00:10:02,020
Dan kita lulus ia panggilan semula
yang mengambil keputusan dan status.

170
00:10:02,020 --> 00:10:05,905
Perkara itu kita perlu menyemak setiap
dokumen API daripada google.maps.

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

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

173
00:10:08,330 --> 00:10:11,550
>> Oleh itu, kita perlu menyemak status
untuk melihat jika ia dikembalikan.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK yang
menunjukkan bahawa kita mempunyai keputusan yang sah.

175
00:10:16,820 --> 00:10:19,310
Jika kita tidak, maka kita, tidak boleh lakukan.

176
00:10:19,310 --> 00:10:20,990
Ini mungkin alamat yang tidak sah.

177
00:10:20,990 --> 00:10:24,630
Atau kekuatan perkhidmatan API
menjadi ke bawah atau yang tahu?

178
00:10:24,630 --> 00:10:29,980
Dengan mengandaikan kita mempunyai hasil kejayaan maka
kita akan merebut lokasi dari

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

180
00:10:30,790 --> 00:10:34,220
Dan kita akan menetapkan Google Map
di sudut kanan bawah untuk menjadi

181
00:10:34,220 --> 00:10:38,870
berpusat di lokasi itu dan mengemaskini
bas pada peta untuk lokasi tersebut.

182
00:10:38,870 --> 00:10:41,620
>> Dan sekarang kita perlu untuk mengemaskini
Google Earth plug-in.

183
00:10:41,620 --> 00:10:45,340
Oleh itu, kita kini latitud dan
longitud ulang-alik.

184
00:10:45,340 --> 00:10:50,570
Dan kita juga perlu mengemas kini
shuttle.localAnchorCartesian kerana jika

185
00:10:50,570 --> 00:10:55,250
anda melihat shuttle.js, anda akan melihat bahawa
yang juga menjejaki latitud

186
00:10:55,250 --> 00:10:56,310
dan longitud.

187
00:10:56,310 --> 00:10:59,490
Jadi, jika kita tidak mengemas kini, kita mempunyai
latitud dan longitud asal

188
00:10:59,490 --> 00:11:01,330
disimpan tersembunyi di suatu tempat.

189
00:11:01,330 --> 00:11:06,490
Jadi mengemaskini yang sekarang, yang kita panggil
shuttle.updateCamera untuk memuat semula

190
00:11:06,490 --> 00:11:09,070
menyaring dan menunjukkan kepada kita lokasi baru kami.

191
00:11:09,070 --> 00:11:10,380
Dan itu sahaja.

192
00:11:10,380 --> 00:11:11,500
Nama saya Rob.

193
00:11:11,500 --> 00:11:12,750
Dan ini adalah Shuttle.

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