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

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

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

4
00:00:13,780 --> 00:00:19,500
Und ich hoffe, Sie sind bereit zu holen, was sind
Ich Abwurf oder Absetzen,

5
00:00:19,500 --> 00:00:22,230
oder wollen wir mal loslegen.

6
00:00:22,230 --> 00:00:25,040
Also zuerst, was wir brauchen
zu tun ist, abzuholen.

7
00:00:25,040 --> 00:00:29,370
Nun, nehmen Sie sein wird das Entfernen der
Passagiere Icons aus dem Google

8
00:00:29,370 --> 00:00:32,759
Karte in der unteren rechten Ecke, und aus
Google Earth in der Mitte des

9
00:00:32,759 --> 00:00:33,970
der Bildschirm.

10
00:00:33,970 --> 00:00:37,180
Also, um diejenigen zu entfernen
Ikonen, müssen wir haben die

11
00:00:37,180 --> 00:00:39,040
Verweise auf sie irgendwo.

12
00:00:39,040 --> 00:00:43,680
Aber derzeit die Funktion ausfüllen
nur wird sie los.

13
00:00:43,680 --> 00:00:48,140
So werden wir ändern müssen
besiedeln, sie zu halten rund.

14
00:00:48,140 --> 00:00:53,440
>> Jetzt erste, was wir sehen, ist, dass wir
haben eine globale Passagiere Array.

15
00:00:53,440 --> 00:00:57,710
Und so werden wir, dass globale verwenden
Passagiere in Reihe zu füllen.

16
00:00:57,710 --> 00:01:03,230
In ausfüllen, sehen wir, dass wir Looping
über alle unsere Passagiere.

17
00:01:03,230 --> 00:01:10,420
Und es ist diese Schleife, ist die Schaffung
platzieren Marke für Google Earth und die

18
00:01:10,420 --> 00:01:12,540
Marker für die Google Map.

19
00:01:12,540 --> 00:01:16,420
Und nun unsere Modifikation
zum Auffüllen ist es, hier zu sein.

20
00:01:16,420 --> 00:01:21,760
Also haben wir auf unseren Passagieren Zugabe "sind
Array dieses Objekt, das halten wird

21
00:01:21,760 --> 00:01:26,480
um die Markierung und Kennzeichnung Ort wir gerade
zusammen mit dem Haus angelegt und

22
00:01:26,480 --> 00:01:28,460
Name des Passagiers.

23
00:01:28,460 --> 00:01:30,560
>> So ist das also für Populate.

24
00:01:30,560 --> 00:01:33,210
Jetzt müssen wir an heben suchen.

25
00:01:33,210 --> 00:01:38,540
So in Pick Up, wir gehen wieder auf
laufen alle unsere Passagiere.

26
00:01:38,540 --> 00:01:41,340
Aber jetzt ist es unsere globale
Passagiere Array.

27
00:01:41,340 --> 00:01:46,150
Und hier sehen wir, dass gut haben
wir bereits dieses Passagier abgeholt?

28
00:01:46,150 --> 00:01:50,030
Da haben wir, wenn diese abgeholt
Passagier, am Ende sehen wir, dass

29
00:01:50,030 --> 00:01:55,240
wir gehen, um die Markierung gesetzt und die
Ort Zeichen auf null, da sie keine

30
00:01:55,240 --> 00:01:56,930
mehr in der Google-Karte.

31
00:01:56,930 --> 00:02:00,920
>> Also, wenn wir bereits diese abgeholt
Passagier dann sind wir gerade dabei,

32
00:02:00,920 --> 00:02:02,920
weiter zum nächsten Passagier.

33
00:02:02,920 --> 00:02:07,380
Else, überprüfen wir, ob diese
Beifahrer Haus ist im Inneren des

34
00:02:07,380 --> 00:02:08,590
Haus Array.

35
00:02:08,590 --> 00:02:11,900
Dies ist das Kontroll wir müssen sicherstellen, dass
dass wir nicht holen die als Neuling

36
00:02:11,900 --> 00:02:13,180
die Spezifikation sagt.

37
00:02:13,180 --> 00:02:15,920
Also, wenn der Passagier ist ein Neuling,
wir gehen zu

38
00:02:15,920 --> 00:02:18,190
weiter zum nächsten Passagier.

39
00:02:18,190 --> 00:02:21,720
>> Sobald wir überprüft haben, dass dies ein
Passagier wir sollten Kommissionierung,

40
00:02:21,720 --> 00:02:25,340
wir jetzt gehen, um den Breitengrad zu überprüfen
und Länge des Passagiers und sehen

41
00:02:25,340 --> 00:02:27,760
wenn das ist, innerhalb von 15 Fuß
des Shuttle.

42
00:02:27,760 --> 00:02:31,720
Wenn das der Fall ist, haben wir eigentlich wollen
abholen dieser Passagier.

43
00:02:31,720 --> 00:02:35,890
So haben wir über die Integration alle Sitze
in unseren Shuttle zu schauen, ob

44
00:02:35,890 --> 00:02:38,110
gibt es eine Stelle zur Verfügung
für den Beifahrer.

45
00:02:38,110 --> 00:02:41,540
Wenn einer der Sitze null ist,
das ist ein Ort zur Verfügung.

46
00:02:41,540 --> 00:02:45,140
Die Beifahrer So fügen wir der Sitzfläche.

47
00:02:45,140 --> 00:02:48,760
Wir erinnern uns, dass wir abgeholt das
Passagier so dass am Ende, können wir

48
00:02:48,760 --> 00:02:52,450
bekannt zu geben, wenn wir tatsächlich
nicht abholen jemand auf.

49
00:02:52,450 --> 00:02:56,140
Wir erinnern uns, dass wir diese sitz
Passagier da, wenn wir es schaffen, zu erhalten

50
00:02:56,140 --> 00:02:59,320
durch das gesamte Shuttle ohne
Sitz den Passagier, dann müssen wir

51
00:02:59,320 --> 00:03:00,885
verkünden, dass wir aus der Sitze sind.

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

53
00:03:03,760 --> 00:03:06,885
>> Dann entfernen wir ihren Platz
markieren von Google Earth.

54
00:03:06,885 --> 00:03:11,310
Wir entfernen ihre Marker von Google Maps,
innerhalb unserer Passagiere gesetzt '

55
00:03:11,310 --> 00:03:14,830
Array Ort Zeichen und Markierung
auf null wie gesagt.

56
00:03:14,830 --> 00:03:16,035
Und dann, das ist es.

57
00:03:16,035 --> 00:03:17,050
Der Passagier wurde sitzt.

58
00:03:17,050 --> 00:03:19,570
Sobald wir, dass für alle Passagiere getan
innerhalb von 15 Fuß von der

59
00:03:19,570 --> 00:03:23,250
Shuttle, müssen wir rechart.

60
00:03:23,250 --> 00:03:30,270
>> So Chart ist, was los ist, um das Menü
Passagiere in die Sitze hier.

61
00:03:30,270 --> 00:03:32,760
So, jetzt schauen wir uns Chart.

62
00:03:32,760 --> 00:03:37,960
Innerhalb von Tabelle, werden wir zu sein
Aufbau der HTML-Code für das Diagramm.

63
00:03:37,960 --> 00:03:41,160
Also die Grafik wird sich
eine geordnete Liste.

64
00:03:41,160 --> 00:03:44,300
Dann werden wir über laufen alle
die Sitze in unserem Shuttle.

65
00:03:44,300 --> 00:03:48,450
Also, wenn diese besondere Sitz null ist, dass
bedeutet, dass wir eine Liste item will, dass

66
00:03:48,450 --> 00:03:50,800
zeigt, dass es eine leere einfach.

67
00:03:50,800 --> 00:03:55,650
Else, wenn es nicht null ist, dann wollen wir
eine Liste, die gehen Artikel angezeigt wird

68
00:03:55,650 --> 00:03:58,660
den Namen des Passagiers und
das Haus des Passagier

69
00:03:58,660 --> 00:04:00,420
das ist in diesem Sitz.

70
00:04:00,420 --> 00:04:04,620
>> Sobald wir über all die iterierte
Sitze dann unsere geordnete Liste schließen wir

71
00:04:04,620 --> 00:04:09,410
und mit jQuery, um das Diagramm wählen div
und ersetzen Sie es mit unserem neuen HTML

72
00:04:09,410 --> 00:04:10,550
geordnete Liste.

73
00:04:10,550 --> 00:04:12,090
Und das ist es für Chart.

74
00:04:12,090 --> 00:04:15,170
>> Also letzte Sache ist, fallen ab.

75
00:04:15,170 --> 00:04:20,860
Jetzt Drop-off sein wird,
ziemlich ähnlich zu holen.

76
00:04:20,860 --> 00:04:24,150
Statt der Schleife über alle der
Passagiere, wir eine Schleife über gehen

77
00:04:24,150 --> 00:04:25,780
alle Shuttle-Sitze.

78
00:04:25,780 --> 00:04:29,720
So Schleife über den Shuttle-Sitze, wir
sehen ist dies insbesondere Shuttle Sitz

79
00:04:29,720 --> 00:04:32,850
nicht null ist, in welchem ​​Fall es
ein Passagier in diesem Sitz.

80
00:04:32,850 --> 00:04:35,380
Wenn das der Fall ist, wollen wir
, um die Breite zu packen und

81
00:04:35,380 --> 00:04:37,030
Länge dieser Passagier.

82
00:04:37,030 --> 00:04:42,110
>> Also mit der haus Array, wir sind
gehen, um das Haus des Greifers

83
00:04:42,110 --> 00:04:46,990
Passagier in diesem Sitz und dann greifen die
Breitengrad des jeweiligen Hauses

84
00:04:46,990 --> 00:04:49,070
Ebenso wird für Grad.

85
00:04:49,070 --> 00:04:54,270
Jetzt verwenden wir wieder Abstand zu sehen,
in diesem Haus ist nur 30 Meter von uns.

86
00:04:54,270 --> 00:04:58,320
Wenn das der Fall ist, setzen wollen sie
dieser Sitz auf null, da der Passagier

87
00:04:58,320 --> 00:05:01,760
wurde fallengelassen, und die Schrittweite, die
ein Passagier wurde fallengelassen.

88
00:05:01,760 --> 00:05:05,910
So daß am Ende, wenn niemand
abgesetzt geben wir bekannt, dass niemand

89
00:05:05,910 --> 00:05:07,600
will weg hier, um fallengelassen werden.

90
00:05:07,600 --> 00:05:12,510
>> Schließlich müssen wir, so dass rechart
Wir zeigen neue, leere Sitze.

91
00:05:12,510 --> 00:05:15,770
Nun brauchen Sie nur umsetzen
einige zusätzliche Funktionen.

92
00:05:15,770 --> 00:05:17,680
Nun, es gibt viel könnten Sie
ausgewählt sind.

93
00:05:17,680 --> 00:05:21,630
Aber in unserem Fall haben wir Teleport umgesetzt,
fliegen, und Beschleunigung, und

94
00:05:21,630 --> 00:05:22,770
die Beschleunigung nach unten.

95
00:05:22,770 --> 00:05:25,100
Also schauen wir uns an diejenigen.

96
00:05:25,100 --> 00:05:27,830
Lassen Sie uns zunächst einen Blick auf
die Beschleunigung Funktion.

97
00:05:27,830 --> 00:05:32,720
In unserem Fall, in dem Tasten
Funktion, wo wir bereits Handhabung

98
00:05:32,720 --> 00:05:39,900
alle diese Tasten, wir auch gehen, um
erkennen, X und Z. Die wir angeben

99
00:05:39,900 --> 00:05:43,720
dass diese Zeichen zu gehen
führen der Shuttle-Geschwindigkeit auf

100
00:05:43,720 --> 00:05:46,530
steigen oder fallen.

101
00:05:46,530 --> 00:05:50,940
>> So stellen wir fest, dass, wie ein gebundenes
hoch und wie ein niedriger die Geschwindigkeit kann

102
00:05:50,940 --> 00:05:55,030
tatsächlich gehen, da wir nicht wollen
das Shuttle zu schnell zu sein.

103
00:05:55,030 --> 00:05:58,180
Und wir auch nicht wollen, dass die Shuttles
Geschwindigkeit auf Null oder möglicherweise gehen

104
00:05:58,180 --> 00:06:01,480
sogar negativ, was zur Folge haben wird
in einem seltsamen Verhalten.

105
00:06:01,480 --> 00:06:03,890
Und das ist es für zu schnelles Fahren
und Verlangsamung.

106
00:06:03,890 --> 00:06:05,980
>> Lassen Sie uns nun einen Blick auf Fliegen.

107
00:06:05,980 --> 00:06:11,370
Also denken Sie daran, dass die Flug Funktion
müssen Sie den Konami Code eingeben.

108
00:06:11,370 --> 00:06:18,070
Also an der Spitze sehen wir, wir haben einige
globale Variablen, was Konami Code

109
00:06:18,070 --> 00:06:20,975
ein Array, das ist nur die Verfolgung der
Schlüssel, die für die eingegeben werden müssen

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

111
00:06:22,600 --> 00:06:26,340
Es gibt einen Bool, die nur zeigt,
ob der Konami Code bereits

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

113
00:06:27,660 --> 00:06:30,430
Und dann gibt es den Index in
der Konami Code Array,

114
00:06:30,430 --> 00:06:31,770
wir sind momentan bei.

115
00:06:31,770 --> 00:06:36,020
>> So dass, wenn der Benutzer bereits drei eingegebenen
Zeichen des Konami-Code

116
00:06:36,020 --> 00:06:40,530
dann wird der Index wird zu verweisen
die vierte Sache, in der Anordnung, die

117
00:06:40,530 --> 00:06:42,150
dritte Index.

118
00:06:42,150 --> 00:06:44,630
Mit, dass wieder einmal wir werden
Blick auf Tastendruck.

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

120
00:06:48,040 --> 00:06:51,910
Und in Tastenhub wir hier sehen, dass, wenn
der Konami Code nicht bereits

121
00:06:51,910 --> 00:06:58,410
eingegeben, so ist zu sehen, wollen wir die
Schlüssel eingegeben wurde, dass das, was wir sind

122
00:06:58,410 --> 00:07:01,250
derzeit davon aus
der Konami Code Array.

123
00:07:01,250 --> 00:07:04,350
Wenn das der Fall ist, dann
wir erhöhen unsere Index.

124
00:07:04,350 --> 00:07:07,660
>> Wenn der Benutzer dann Up-Index
wird zu einem zu gehen.

125
00:07:07,660 --> 00:07:10,280
Dann wird der Benutzer geben wieder,
der Index geht auf zwei.

126
00:07:10,280 --> 00:07:12,150
Dann werden sie nach unten geben,
es wird zu drei gehen.

127
00:07:12,150 --> 00:07:17,320
Wenn sie Q geben, werde es zurückgesetzt
Null, da sie nicht passen

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

129
00:07:20,140 --> 00:07:24,810
Nun, wenn sie es schaffen, die durchkommen
gesamte Array dann eingegeben haben, die

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

131
00:07:26,280 --> 00:07:33,960
In diesem Fall jetzt, dass Konami eingegeben
wahr ist, wir hier unten zu sehen, dass, wenn

132
00:07:33,960 --> 00:07:40,460
Konami eingegeben wurde, nehmen wir zwei neue
Tasten, C und E. der alle, die tun

133
00:07:40,460 --> 00:07:45,800
eingestellt ist der fliegende unten und fliegen
nach oben Staaten in den Shuttle.

134
00:07:45,800 --> 00:07:48,530
So existieren bereits für Sie.

135
00:07:48,530 --> 00:07:51,190
Sie brauchen nur zu nehmen
nutzen sie.

136
00:07:51,190 --> 00:07:52,890
Und das ist es für das Fliegen.

137
00:07:52,890 --> 00:07:54,680
>> Zuletzt haben wir zu teleportieren.

138
00:07:54,680 --> 00:08:00,710
Also innerhalb des HTML, sehen wir, dass
wir haben ein Eingabefeld und ein Mehr

139
00:08:00,710 --> 00:08:02,270
teleportieren Taste.

140
00:08:02,270 --> 00:08:08,300
Die Box hat ID-Adresse und die Taste
hat eine ID-Teleport-Taste.

141
00:08:08,300 --> 00:08:13,970
Jetzt eine lästige kleine Detail ist, dass
wenn wir nichts mit Event zu tun

142
00:08:13,970 --> 00:08:19,210
Handler dann, wenn wir versuchen zu geben
so etwas wie ein in das Eingabefeld,

143
00:08:19,210 --> 00:08:25,250
anstatt wirklich binden A, unsere Google
Erde wird sich auf den Umzug

144
00:08:25,250 --> 00:08:30,040
gelassen werden, da A bereits registriert ist
Handhabung nach links bewegt.

145
00:08:30,040 --> 00:08:35,100
>> Also das lästige Detail dabei ist, dass
Wenn wir eine Taste nach unten oder Taste nach oben haben

146
00:08:35,100 --> 00:08:40,789
Veranstaltung innerhalb des Eingabefeldes wollen wir
Ausbreitung event.stop was

147
00:08:40,789 --> 00:08:43,830
gerade dabei zu verhindern, dass die
Gleiten des Shuttle.

148
00:08:43,830 --> 00:08:48,510
Sobald das gehandhabt wird, wollen wir auch hinzufügen
ein Handler zum Teleporter-Taste.

149
00:08:48,510 --> 00:08:52,880
Wenn wir Sie auf die Schaltfläche Teleport, wir
ergreifen Sie die Adresse, die der Strom

150
00:08:52,880 --> 00:08:57,580
Wert in das Eingabefeld ein, und
wir nennen das Teleport-Funktion.

151
00:08:57,580 --> 00:09:00,910
>> Also was macht der Teleport
Funktion aus?

152
00:09:00,910 --> 00:09:04,840
Nun, erste, was wir sehen, ist, wir sind
mit Geocoder. geocodiert.

153
00:09:04,840 --> 00:09:06,940
Also, was ist das?

154
00:09:06,940 --> 00:09:10,330
Nun, wenn wir uns an der Spitze,
wir sehen, dass wir eine neue

155
00:09:10,330 --> 00:09:13,860
globale Variable Geocoder.

156
00:09:13,860 --> 00:09:17,500
Und dies ist eine globale Referenz
auf eine Geocoding Service.

157
00:09:17,500 --> 00:09:19,380
Nun, was bedeutet das für uns?

158
00:09:19,380 --> 00:09:23,810
Nun, in das Eingabefeld ein, ich werde sein
Eingabe etwas wie 33 Oxford

159
00:09:23,810 --> 00:09:26,040
Straße Cambridge, Massachusetts.

160
00:09:26,040 --> 00:09:28,580
Aber wir können nicht wirklich
nichts mit dem.

161
00:09:28,580 --> 00:09:31,760
Wir wollen, dass zu konvertieren
Breite und Länge.

162
00:09:31,760 --> 00:09:34,940
Und das ist, was die Geocoding Service
wird sich für uns zu tun.

163
00:09:34,940 --> 00:09:40,630
An der Unterseite des initcb sehen wir, dass
wir haben gleich neue Geocoder

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder die initialisiert
diese Variable für uns.

165
00:09:45,830 --> 00:09:47,930
>> Also zurück zu teleportieren.

166
00:09:47,930 --> 00:09:51,240
Wir sehen, wir sind mit den Geocoder.

167
00:09:51,240 --> 00:09:54,970
Wir Geokodierung die Adresse, die war
zum Teleporter-Funktion übergeben die

168
00:09:54,970 --> 00:09:57,450
wurde aus dem Eingabefeld packte.

169
00:09:57,450 --> 00:10:02,020
Und wir übergeben Sie einen Rückruf
die Ergebnisse und den Status dauert.

170
00:10:02,020 --> 00:10:05,905
Also erste, was wir brauchen, um pro überprüfen
die API-Dokument von google.maps.

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

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

173
00:10:08,330 --> 00:10:11,550
>> Also müssen wir den Status zu überprüfen
um zu sehen, wenn sie zurückgegeben.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK die
zeigt, dass wir ein gültiges Ergebnis.

175
00:10:16,820 --> 00:10:19,310
Wenn wir das nicht tun, dann bekommen wir, keine tun können.

176
00:10:19,310 --> 00:10:20,990
Dies könnte eine ungültige Adresse sein.

177
00:10:20,990 --> 00:10:24,630
Oder die API-Service Macht
unten sein oder wer weiß?

178
00:10:24,630 --> 00:10:29,980
Angenommen, wir haben eine Erfolgs Ergebnis dann
wir werden den Ort, von greifen

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

180
00:10:30,790 --> 00:10:34,220
Und wir werden, um die Google Map gesetzt
in der rechten unteren Ecke, um sein

181
00:10:34,220 --> 00:10:38,870
an dieser Stelle zentriert und aktualisiert die
Bus auf die Karte, um diese Position.

182
00:10:38,870 --> 00:10:41,620
>> Und jetzt müssen wir aktualisieren die
Google Earth-Plug-in.

183
00:10:41,620 --> 00:10:45,340
So aktualisieren wir die Breite und
Längengrad des Shuttle.

184
00:10:45,340 --> 00:10:50,570
Und wir müssen auch aktualisieren
shuttle.localAnchorCartesian da, wenn

185
00:10:50,570 --> 00:10:55,250
Sie shuttle.js anschauen, werden Sie sehen, dass Sie
dass auch verfolgt Breite

186
00:10:55,250 --> 00:10:56,310
und Längengrad.

187
00:10:56,310 --> 00:10:59,490
Also, wenn wir nicht aktualisieren, dass, haben wir die
ursprüngliche Breite und Länge

188
00:10:59,490 --> 00:11:01,330
gespeichert irgendwo versteckt.

189
00:11:01,330 --> 00:11:06,490
So aktualisieren, dass jetzt, nennen wir
shuttle.updateCamera zu erfrischen die

190
00:11:06,490 --> 00:11:09,070
Bildschirm und zeigen uns, unseren neuen Standort.

191
00:11:09,070 --> 00:11:10,380
Und das ist es.

192
00:11:10,380 --> 00:11:11,500
Mein Name ist Rob.

193
00:11:11,500 --> 00:11:12,750
Und das war Shuttle.

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