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 右下の隅にしてからマップ の中心部にあるグーグルアース 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 Googleマップのマーカーで。 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 我々は、マーカーと設定しようとしている 彼らはしているので、nullに場所マーク 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 座席の1がNULLの場合、 それは、利用可能なスポットです。 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 >> その後、我々はその場所を削除 グーグルアースでマーク。 54 00:03:06,885 --> 00:03:11,310 我々は、Googleマップから自分のマーカーを削除し、 私たち乗客の中に設定 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 したがって、この特定の座席がnullの場合、その 我々はそのリストアイテムが欲しいこと 66 00:03:48,450 --> 00:03:50,800 それが空に簡単だということを示している。 67 00:03:50,800 --> 00:03:55,650 それがnullでなかった場合には他に、、その後、我々は欲しい 表示しようとしているリストアイテム 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 >> 我々はすべてを反復処理したら 席し、我々は我々の順序付きリストを閉じる 71 00:04:04,620 --> 00:04:09,410 とチャートのdivを選択するためにjQueryを使って それが私たちの新しいと、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とZを認識 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 >> だから我々はどのように上限を置くことに気付く 高いとどのように低速CANを 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 だから飛行機能を覚えている コナミコードを入力する必要があります。 108 00:06:11,370 --> 00:06:18,070 だから、一番上まで、我々はいくつかを持って参照してください。 グローバル変数であり、コナミコード 109 00:06:18,070 --> 00:06:20,975 ちょうどを追跡するの配列 のために入力する必要が鍵 110 00:06:20,975 --> 00:06:22,600 コナミコード。 111 00:06:22,600 --> 00:06:26,340 ただ示すboolがあります コナミコードはすでに持っているかどうか 112 00:06:26,340 --> 00:06:27,660 入力された。 113 00:06:27,660 --> 00:06:30,430 と、インデックスにはあり コナミコード配列、その 114 00:06:30,430 --> 00:06:31,770 我々現在の位置だ。 115 00:06:31,770 --> 00:06:36,020 >> したがって、ユーザーは既に3に入っている場合は、 コナミコードの文字 116 00:06:36,020 --> 00:06:40,530 その後、インデックスはを指すように起こっている 配列内の第四のもの、 117 00:06:40,530 --> 00:06:42,150 3番目のインデックス。 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 とキーストロークで、我々はここで見ることがあれば コナミコードはすでにされていない 121 00:06:51,910 --> 00:06:58,410 入力されたし、我々が見たいと思っている 我々はしているものが入力されましたキー 122 00:06:58,410 --> 00:07:01,250 現在の期待 コナミコード配列。 123 00:07:01,250 --> 00:07:04,350 その場合は、その後、 我々は我々のインデックスをインクリメントします。 124 00:07:04,350 --> 00:07:07,660 >> 場合は、ユーザーのタイプは、アップ、インデックス 1に行く予定です​​。 125 00:07:07,660 --> 00:07:10,280 ユーザーは再び入力します、 インデックスは2になります。 126 00:07:10,280 --> 00:07:12,150 それから、彼らはダウンして入力します、 それは3に移動します。 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 コナミコード。 131 00:07:26,280 --> 00:07:33,960 コナミは、入力された今では、その場合には、 trueの場合、私たちはここでダウンして見ているかの 132 00:07:33,960 --> 00:07:40,460 コナミが入力された、我々は新しい2を受け入れ すべての人がどうなるのキー、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の中に、私たちはいることがわかり 我々は、入力ボックスとAを追加しました 139 00:08:00,710 --> 00:08:02,270 テレポートボタンを押します。 140 00:08:02,270 --> 00:08:08,300 ボックスには、IDアドレス、およびボタンがあります IDのテレポートボタンがあります。 141 00:08:08,300 --> 00:08:13,970 今1迷惑な小さなディテールがあることである 私たちはイベントに何もしない場合は、 142 00:08:13,970 --> 00:08:19,210 ハンドラは、我々のように入力しようとすると、 入力ボックスにのようなもの、 143 00:08:19,210 --> 00:08:25,250 代わりに、実際にAは、Googleを結ぶの 地球はに移動しようとしている 144 00:08:25,250 --> 00:08:30,040 Aはすでに登録されているので、左 左に移動し処理する。 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 さて、私たちが見る最初の事は私達がしているである ジオコーダーを使用。ジオコード。 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 グローバル変数、ジオコーダ。 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の一番下に、我々はその参照 私たちは、ジオコーダーが、新たに等しく持っている 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 私たちは、ジオコーダーを使用している参照してください。 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 我々は、PERをチェックする必要があるので、まず最初に google.mapsのAPIドキュメント。 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マップを設定しようとしている ようにする右下の隅に 181 00:10:34,220 --> 00:10:38,870 その場所を中心と更新 その場所に、マップ上のバス。 182 00:10:38,870 --> 00:10:41,620 >> そして今、我々は更新する必要があります Google Earthのプラグイン 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