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

2
00:00:11,712 --> 00:00:12,850
>> ROB אודן: היי.

3
00:00:12,850 --> 00:00:13,780
אני רוב.

4
00:00:13,780 --> 00:00:19,500
ואני מקווה שיהיה מוכן להרים את מה
אני מוריד את או לשים למטה,

5
00:00:19,500 --> 00:00:22,230
או בואו נתחיל.

6
00:00:22,230 --> 00:00:25,040
דבר ראשון שאנחנו צריכים כל כך
לעשות הוא להרים.

7
00:00:25,040 --> 00:00:29,370
עכשיו, לאסוף את הולך להיות הסרת
סמלים של נוסעים מגוגל

8
00:00:29,370 --> 00:00:32,759
המפה בפינה הימנית התחתונה ומן
ב-Google Earth במרכז

9
00:00:32,759 --> 00:00:33,970
המסך.

10
00:00:33,970 --> 00:00:37,180
אז כדי להסיר אותם
סמלים, אנחנו צריכים

11
00:00:37,180 --> 00:00:39,040
אזכור שלהם למקום.

12
00:00:39,040 --> 00:00:43,680
אבל כיום, הפונקציה אכלסתי
רק מקבל להיפטר מהם.

13
00:00:43,680 --> 00:00:48,140
אז אנחנו הולכים לעשות כדי לשנות
לאכלס כדי לשמור על סובבים אותם.

14
00:00:48,140 --> 00:00:53,440
>> הדבר ראשון עכשיו אנו רואים הוא שאנחנו
יש מערך נוסעים עולמי.

15
00:00:53,440 --> 00:00:57,710
וכך אנחנו הולכים להשתמש בזה בעולם של
מערך נוסעים בלאכלס.

16
00:00:57,710 --> 00:01:03,230
בלאכלס, אנחנו רואים שאנחנו לולאה
על כל הנוסעים שלנו.

17
00:01:03,230 --> 00:01:10,420
וזה לולאה זו שיוצרת את
למקם את הסימן עבור Google Earth ו

18
00:01:10,420 --> 00:01:12,540
סמן למפת גוגל.

19
00:01:12,540 --> 00:01:16,420
ואז עכשיו השינוי שלנו
כדי לאכלס הוא להיות כאן.

20
00:01:16,420 --> 00:01:21,760
אז אנחנו מוסיפים על לנוסעים שלנו "
מערך האובייקט הזה שהוא שמירה

21
00:01:21,760 --> 00:01:26,480
סביב סימן הסמן והמקום שאנחנו פשוט
יצר יחד עם הבית ו

22
00:01:26,480 --> 00:01:28,460
שמו של הנוסע.

23
00:01:28,460 --> 00:01:30,560
>> אז זהו זה ללאכלס.

24
00:01:30,560 --> 00:01:33,210
עכשיו אנחנו צריכים להסתכל על עד פיק.

25
00:01:33,210 --> 00:01:38,540
אז בפיק אפ, אנחנו הולכים שוב ל
לחזר על כל הנוסעים שלנו.

26
00:01:38,540 --> 00:01:41,340
אבל עכשיו זה הגלובלי שלנו
מערך נוסעים.

27
00:01:41,340 --> 00:01:46,150
וכאן אנחנו רואים שגם, יש לי
אנחנו כבר הרמתי הנוסע הזה?

28
00:01:46,150 --> 00:01:50,030
שכן אם יש לנו הרים זה
נוסע, שאנחנו רואים בסופו של הדבר כי

29
00:01:50,030 --> 00:01:55,240
אנחנו הולכים להגדיר את הסמן ו
סימן מקום ריק שכן הם לא

30
00:01:55,240 --> 00:01:56,930
עוד במפה של גוגל.

31
00:01:56,930 --> 00:02:00,920
>> אז אם יש לנו כבר הרים את זה
נוסע אז אנחנו רק הולכים

32
00:02:00,920 --> 00:02:02,920
תמשיך לנוסע הבא.

33
00:02:02,920 --> 00:02:07,380
דבר אחר, אנחנו בודקים כדי לראות אם זה
ביתו של הנוסע הוא פנימי של

34
00:02:07,380 --> 00:02:08,590
המערך של הבית.

35
00:02:08,590 --> 00:02:11,900
זו הבדיקה שאנחנו צריכים לוודא
כי אנחנו לא להרים את הכיתה ט 'כ

36
00:02:11,900 --> 00:02:13,180
המפרט אומר.

37
00:02:13,180 --> 00:02:15,920
אז אם נוסע הוא בכיתה ט ',
אנחנו הולכים

38
00:02:15,920 --> 00:02:18,190
תמשיך לנוסע הבא.

39
00:02:18,190 --> 00:02:21,720
>> לאחר שנאמנו שזה
נוסע אנחנו צריכים להרים,

40
00:02:21,720 --> 00:02:25,340
עכשיו אנחנו הולכים לבדוק את קו הרוחב
אורך ורוחב של הנוסע ותראו

41
00:02:25,340 --> 00:02:27,760
אם זה בתוך 15 רגליים
של המעבורת.

42
00:02:27,760 --> 00:02:31,720
אם זה המקרה, אנחנו בעצם רוצים
לאסוף את הנוסע הזה.

43
00:02:31,720 --> 00:02:35,890
אז אנו משלבים על כל המושבים
בהסעות שלנו מחפשים לראות אם

44
00:02:35,890 --> 00:02:38,110
יש מקום פנוי
לנוסעים.

45
00:02:38,110 --> 00:02:41,540
אם אחד מהמושבים הוא ריק,
זה מקום זמין.

46
00:02:41,540 --> 00:02:45,140
אז אנחנו מוסיפים את הנוסע למושב.

47
00:02:45,140 --> 00:02:48,760
אנחנו זוכרים שאנחנו הרמתי את
נוסע כך שבסופו של הדבר, אנחנו יכולים

48
00:02:48,760 --> 00:02:52,450
להודיע ​​אם אנחנו באמת
לא לבחור מישהו למעלה.

49
00:02:52,450 --> 00:02:56,140
לזכור שאנחנו יושבים זה
נוסעים שכן אם אנחנו מצליחים להגיע

50
00:02:56,140 --> 00:02:59,320
דרך כל שירות ההסעות ללא
ישיבה נוסע, אז אנחנו צריכים

51
00:02:59,320 --> 00:03:00,885
להכריז שאנחנו מחוץ למושבים.

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

53
00:03:03,760 --> 00:03:06,885
>> ואז אנו מסירים את מקומם
לסמן מ-Google Earth.

54
00:03:06,885 --> 00:03:11,310
אנו מסירים הסמן שלהם מ-Google Maps,
להגדיר בתוך של הנוסעים שלנו "

55
00:03:11,310 --> 00:03:14,830
סימן מקום מערך וסמן
לnull כפי שאמרנו קודם.

56
00:03:14,830 --> 00:03:16,035
ואז זהו זה.

57
00:03:16,035 --> 00:03:17,050
הנוסעים כבר ישובים.

58
00:03:17,050 --> 00:03:19,570
ברגע שעשינו את זה בשביל כל הנוסעים
בתוך 15 רגליים של

59
00:03:19,570 --> 00:03:23,250
הסעות, אנחנו צריכים rechart.

60
00:03:23,250 --> 00:03:30,270
>> אז תרשים הוא מה קורה לתצוגה
לנוסעים במושבים לכאן.

61
00:03:30,270 --> 00:03:32,760
אז עכשיו, בואו נסתכל על תרשים.

62
00:03:32,760 --> 00:03:37,960
בתוך תרשים, אנחנו הולכים להיות
בניית ה-HTML עבור התרשים.

63
00:03:37,960 --> 00:03:41,160
אז התרשים הולך
להיות ברשימה מסודרת.

64
00:03:41,160 --> 00:03:44,300
לאחר מכן אנו לחזר על כל
המושבים בהסעות שלנו.

65
00:03:44,300 --> 00:03:48,450
אז אם מושב מיוחד זה הוא ריק, כי
אומר שאנחנו רוצים פריט רשימה ש

66
00:03:48,450 --> 00:03:50,800
מצביע על כך שזה קל ריק.

67
00:03:50,800 --> 00:03:55,650
דבר אחר, אם זה לא היה ריק, אז אנחנו רוצים
פריט רשימה, כי הוא הולך לתצוגה

68
00:03:55,650 --> 00:03:58,660
שמו של הנוסע ו
ביתו של הנוסע

69
00:03:58,660 --> 00:04:00,420
שהוא במושב הזה.

70
00:04:00,420 --> 00:04:04,620
>> ברגע שיש לנו iterated על כל
מושבים ואז אנחנו סוגרים הרשימה המסודרת שלנו

71
00:04:04,620 --> 00:04:09,410
ולהשתמש jQuery כדי לבחור את div התרשים
ולהחליף אותו זה HTML עם החדש שלנו

72
00:04:09,410 --> 00:04:10,550
הורה רשימה.

73
00:04:10,550 --> 00:04:12,090
וזהו זה לתרשים.

74
00:04:12,090 --> 00:04:15,170
>> אז הדבר האחרון הוא להשיל.

75
00:04:15,170 --> 00:04:20,860
עכשיו תוריד את הולך להיות
די דומה ללהרים.

76
00:04:20,860 --> 00:04:24,150
במקום לולאה על כל
נוסעים, אנחנו הולכים ללולאה מעל

77
00:04:24,150 --> 00:04:25,780
כל מושבי המעבורת.

78
00:04:25,780 --> 00:04:29,720
אז לולאה מעל מושבי המעבורת, אנחנו
רואה הוא מושב הסעות מיוחד זה

79
00:04:29,720 --> 00:04:32,850
לא ריק, ובמקרה כזה יש
לנוסע במושב הזה.

80
00:04:32,850 --> 00:04:35,380
אם זה המקרה, אנחנו רוצים
כדי לתפוס את קו הרוחב ו

81
00:04:35,380 --> 00:04:37,030
קו אורך של הנוסע הזה.

82
00:04:37,030 --> 00:04:42,110
>> זאת באמצעות המערך של הבית, אנחנו
הולך לתפוס את הבית

83
00:04:42,110 --> 00:04:46,990
נוסע במושב הזה ואז לתפוס את
קו רוחב של בית מסוים ש

84
00:04:46,990 --> 00:04:49,070
ובאופן דומה לקווי אורך.

85
00:04:49,070 --> 00:04:54,270
עכשיו, אנחנו שוב משתמשים במרחק כדי לראות
בבית הזה הוא בתוך 30 רגליים שלנו.

86
00:04:54,270 --> 00:04:58,320
אם זה המקרה, הם רוצים להקים
המושב הזה לnull, שכן נוסע

87
00:04:58,320 --> 00:05:01,760
הושלכה משם, ותוספת ש
נוסעים ירדו.

88
00:05:01,760 --> 00:05:05,910
כך שבסופו של הדבר, אם אף אחד לא היה
הוריד, אנו מודיעים שאף אחד לא

89
00:05:05,910 --> 00:05:07,600
רוצה שיוריד אותי כאן.

90
00:05:07,600 --> 00:05:12,510
>> לבסוף, אנחנו צריכים rechart כך
אנו מציגים מושבים חדשים וריקים.

91
00:05:12,510 --> 00:05:15,770
עכשיו, אתה רק צריך ליישם
כמה תכונות נוספות.

92
00:05:15,770 --> 00:05:17,680
עכשיו, יש הרבה שאתה יכול
בחרתי מ.

93
00:05:17,680 --> 00:05:21,630
אבל במקרה שלנו אנחנו מיושמים טלפורט,
עף, וזירוז, ו

94
00:05:21,630 --> 00:05:22,770
נהיגה במהירות מופרזת כלפי מטה.

95
00:05:22,770 --> 00:05:25,100
אז בואו נסתכל על אלה.

96
00:05:25,100 --> 00:05:27,830
ראשית, בואו נסתכל על
תכונת זרוז.

97
00:05:27,830 --> 00:05:32,720
אז במקרה שלנו, בהקשה
פונקציה, שבו אנחנו כבר בטיפול

98
00:05:32,720 --> 00:05:39,900
כל אחד מהמקשים האלה, אנחנו גם הולכים
מכיר X וז' איזה לציין

99
00:05:39,900 --> 00:05:43,720
שהדמויות האלה הולכים
לגרום למהירות של המעבורת כדי

100
00:05:43,720 --> 00:05:46,530
להגדיל או להקטין.

101
00:05:46,530 --> 00:05:50,940
>> אז שם לב שאנחנו מכניסים כבול על איך
גבוה ועל איך נמוך המהירות יכול

102
00:05:50,940 --> 00:05:55,030
בעצם ללכת מאז שאנחנו לא רוצים
המעבורת להיות מהירה מדי.

103
00:05:55,030 --> 00:05:58,180
ואנחנו גם לא רוצים את של המעבורת
מהירות ללכת לאפס או אולי

104
00:05:58,180 --> 00:06:01,480
אף שלילי אשר יגרום
בכמה התנהגות מוזרה.

105
00:06:01,480 --> 00:06:03,890
וזה אותו על מהירות מופרזת
והאטה.

106
00:06:03,890 --> 00:06:05,980
>> עכשיו, בואו נסתכל על טיסה.

107
00:06:05,980 --> 00:06:11,370
אז לזכור שהתכונה המעופפת
דורש ממך להזין קוד Konami.

108
00:06:11,370 --> 00:06:18,070
אז למעלה בחלק העליון, אנחנו רואים שיש לנו כמה
משתנים גלובליים, Konami קוד שהוא

109
00:06:18,070 --> 00:06:20,975
מערך זה רק שמירה על המסלול של
מפתחות שצריכות נכנסו ל

110
00:06:20,975 --> 00:06:22,600
קוד Konami.

111
00:06:22,600 --> 00:06:26,340
יש בול שרק מצביע
אם קוד Konami כבר

112
00:06:26,340 --> 00:06:27,660
כבר נכנס.

113
00:06:27,660 --> 00:06:30,430
ואז יש את האינדקס לתוך
מערך Konami הקוד ש

114
00:06:30,430 --> 00:06:31,770
אנחנו כרגע ב.

115
00:06:31,770 --> 00:06:36,020
>> אז אם המשתמש כבר נכנס שלושה
תווים של קוד Konami

116
00:06:36,020 --> 00:06:40,530
אז המדד הולך להצביע
הדבר הרביעי במערך,

117
00:06:40,530 --> 00:06:42,150
מדד שלישי.

118
00:06:42,150 --> 00:06:44,630
באמצעות כך, שוב אנו יהיו
מסתכל על שבץ מפתח.

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

120
00:06:48,040 --> 00:06:51,910
ובהקשה על לוח מקשים שאנו רואים כאן שאם
קוד Konami לא היה כבר

121
00:06:51,910 --> 00:06:58,410
נכנס, אז אנחנו רוצים לראות הוא
מפתח שהוזן מה שאנחנו

122
00:06:58,410 --> 00:07:01,250
כעת מצפה מ
מערך Konami הקוד.

123
00:07:01,250 --> 00:07:04,350
אם זה המקרה, אז
אנחנו להגדיל האינדקס שלנו.

124
00:07:04,350 --> 00:07:07,660
>> אם המשתמש מקליד עד אז מדד
הוא הולך לאחד.

125
00:07:07,660 --> 00:07:10,280
אז המשתמש תקליד שוב,
המדד הולך לשניים.

126
00:07:10,280 --> 00:07:12,150
אז הם הקלד למטה,
זה ילך לשלוש.

127
00:07:12,150 --> 00:07:17,320
אם הם הקלד Q, זה יהיה לאפס את
אפס שכן הם לא התאימו

128
00:07:17,320 --> 00:07:20,140
הערך הצפוי.

129
00:07:20,140 --> 00:07:24,810
עכשיו, אם הם מצליחים לעבור את
כל מערך ואז הם נכנסו

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

131
00:07:26,280 --> 00:07:33,960
במקרה כזה, החברה שKonami נכנס
נכון, אנו רואים כאן שאם

132
00:07:33,960 --> 00:07:40,460
Konami היה נכנס, אנו מקבלים שני חדשים
מפתחות, C ו-E איזה כל אלה יעשו

133
00:07:40,460 --> 00:07:45,800
מוגדר עף כלפי מטה ועפתי
מדינות כלפי מעלה במעבורת.

134
00:07:45,800 --> 00:07:48,530
אז כבר קיימות בשבילך.

135
00:07:48,530 --> 00:07:51,190
אתה פשוט צריך לקחת
יתרון שלהם.

136
00:07:51,190 --> 00:07:52,890
וזה אותו לטיסה.

137
00:07:52,890 --> 00:07:54,680
>> אחרון, יש לנו טלפורט.

138
00:07:54,680 --> 00:08:00,710
אז פנימי של ה-HTML, אנו רואים כי
הוספנו תיבת קלט ו

139
00:08:00,710 --> 00:08:02,270
טלפורט כפתור.

140
00:08:02,270 --> 00:08:08,300
יש תיבת כתובת מזהה, ועל לחצן
יש כפתור טלפורט זהות.

141
00:08:08,300 --> 00:08:13,970
עכשיו פרט קטן אחד מעצבן הוא ש
אם אנחנו לא עושים שום דבר עם אירוע

142
00:08:13,970 --> 00:08:19,210
מפעילים ואז כאשר אנו מנסים להקליד
משהו כמו לתוך תיבת הקלט,

143
00:08:19,210 --> 00:08:25,250
במקום קשירה למעשה, גוגל
כדור הארץ הולך לעבור

144
00:08:25,250 --> 00:08:30,040
עזב מאז כבר רשום
כדי להתמודד עם נע שמאלה.

145
00:08:30,040 --> 00:08:35,100
>> אז הפירוט מעצבן כאן הוא כי
כאשר יש לנו מפתח למטה או מקש עד

146
00:08:35,100 --> 00:08:40,789
אירוע בתוך תיבת הקלט, אנחנו רוצים
לevent.stop התפשטות שהיא

147
00:08:40,789 --> 00:08:43,830
פשוט הולך כדי למנוע
הזזה של המעבורת.

148
00:08:43,830 --> 00:08:48,510
ברגע שזה יטופל, אנחנו גם רוצים להוסיף
מטפל לכפתור טלפורט.

149
00:08:48,510 --> 00:08:52,880
כשלחצו על כפתור טלפורט, אנחנו
לתפוס את הכתובת, וזה הנוכחי

150
00:08:52,880 --> 00:08:57,580
ערך בתיבת הקלט, ולאחר מכן
אנחנו קוראים לפונקצית טלפורט זה.

151
00:08:57,580 --> 00:09:00,910
>> אז מה עושה טלפורט
פונקציה נראית?

152
00:09:00,910 --> 00:09:04,840
ובכן, הדבר הראשון שאנו רואים הוא שאנחנו
באמצעות Geocoder. קידוד גיאוגרפי.

153
00:09:04,840 --> 00:09:06,940
אז מה זה?

154
00:09:06,940 --> 00:09:10,330
ובכן, אם אנחנו מסתכלים על החלק העליון,
אנו רואים שיש לנו חדש

155
00:09:10,330 --> 00:09:13,860
משתנה גלובלי, Geocoder.

156
00:09:13,860 --> 00:09:17,500
ואת זה הוא התייחסות גלובלית
לשירות קידוד גיאוגרפי.

157
00:09:17,500 --> 00:09:19,380
עכשיו מה זה עושה לנו?

158
00:09:19,380 --> 00:09:23,810
ובכן, בתיבת הקלט, אני הולך להיות
נכנסים משהו כמו 33 אוקספורד

159
00:09:23,810 --> 00:09:26,040
הרחוב קיימברידג', מסצ'וסטס.

160
00:09:26,040 --> 00:09:28,580
אבל אנחנו לא באמת יכולים לעשות
שום דבר עם זה.

161
00:09:28,580 --> 00:09:31,760
אנחנו רוצים להמיר את זה ל
קווי אורך ורוחב.

162
00:09:31,760 --> 00:09:34,940
וזה מה ששירות הקידוד הגיאוגרפי
הוא הולך לעשות לנו.

163
00:09:34,940 --> 00:09:40,630
בחלק התחתון של initcb, אנו רואים כי
יש לנו Geocoder שווה חדש

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder שמאתחל
משתנה זה בשבילנו.

165
00:09:45,830 --> 00:09:47,930
>> אז בחזרה לטלפורט.

166
00:09:47,930 --> 00:09:51,240
אנחנו רואים בו אנו משתמשים Geocoder.

167
00:09:51,240 --> 00:09:54,970
אנחנו לקודד גיאוגרפית את הכתובת שהייתה
שהועבר לפונקצית טלפורט אשר

168
00:09:54,970 --> 00:09:57,450
מישהו תפס את תיבת הקלט.

169
00:09:57,450 --> 00:10:02,020
ואנחנו עוברים לשיחה אותו בחזרה
אשר לוקח את התוצאות ומעמד.

170
00:10:02,020 --> 00:10:05,905
דבר אז קודם כל אנחנו צריכים לבדוק כל
מסמך ה-API של google.maps.

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

172
00:10:06,130 --> 00:10:08,330
מפות

173
00:10:08,330 --> 00:10:11,550
>> אז אנחנו צריכים לבדוק את המצב
כדי לראות אם חזר בו.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK בי
מצביע על כך שיש לנו תוצאה בתוקף.

175
00:10:16,820 --> 00:10:19,310
אם לא, אז אנחנו מקבלים, לא יכולים לעשות.

176
00:10:19,310 --> 00:10:20,990
זו יכולה להיות כתובת לא חוקית.

177
00:10:20,990 --> 00:10:24,630
או אולי שירות ה-API
להיות למטה או מי יודע?

178
00:10:24,630 --> 00:10:29,980
בהנחה שיש לנו תוצאת הצלחה אז
אנחנו הולכים לתפוס את המיקום שמן

179
00:10:29,980 --> 00:10:30,790
את התוצאה.

180
00:10:30,790 --> 00:10:34,220
ואנחנו הולכים להגדיר את Google Map
בפינה הימנית התחתונה כדי להיות

181
00:10:34,220 --> 00:10:38,870
במרכז במיקום זה ולעדכן את
אוטובוס על המפה למיקום זה.

182
00:10:38,870 --> 00:10:41,620
>> ועכשיו אנחנו צריכים לעדכן
Google Earth Plug-in.

183
00:10:41,620 --> 00:10:45,340
אז אנחנו מעדכנים את קו הרוחב ו
קו אורך של המעבורת.

184
00:10:45,340 --> 00:10:50,570
ואנחנו גם צריכים לעדכן
shuttle.localAnchorCartesian שכן אם

185
00:10:50,570 --> 00:10:55,250
אתה מסתכל shuttle.js, תראה כי
שגם עוקב אחר קו רוחב

186
00:10:55,250 --> 00:10:56,310
אורך ורוחב.

187
00:10:56,310 --> 00:10:59,490
אז אם אנחנו לא נעדכן את זה, יש לנו את
קווי אורך ורוחב מקוריים

188
00:10:59,490 --> 00:11:01,330
מאוחסן חבוי אי שם.

189
00:11:01,330 --> 00:11:06,490
אז מעדכן את זה עכשיו, שאנו קוראים לי
shuttle.updateCamera כדי לרענן את

190
00:11:06,490 --> 00:11:09,070
מסך ולהראות לנו את מקומנו החדש.

191
00:11:09,070 --> 00:11:10,380
וזהו זה.

192
00:11:10,380 --> 00:11:11,500
השם שלי הוא רוב.

193
00:11:11,500 --> 00:11:12,750
וזה היה הסעות.

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