1 00:00:00,000 --> 00:00:11,712 2 00:00:11,712 --> 00:00:12,850 >> ROB BOWDEN: Ahoj. 3 00:00:12,850 --> 00:00:13,780 Jsem Rob. 4 00:00:13,780 --> 00:00:19,500 A já doufám, že jste připraveni k vyzvednutí, co Já jsem vysadil nebo odložila, 5 00:00:19,500 --> 00:00:22,230 nebo začněme. 6 00:00:22,230 --> 00:00:25,040 Takže první věc, kterou musíme udělat, je zvednout. 7 00:00:25,040 --> 00:00:29,370 Nyní, vyzvednout je bude odstranění Ikony cestujících z Google 8 00:00:29,370 --> 00:00:32,759 mapa v pravém dolním rohu a od Google Earth je v centru 9 00:00:32,759 --> 00:00:33,970 obrazovce. 10 00:00:33,970 --> 00:00:37,180 A tak, aby bylo možné odstranit ty Ikony, musíme mít 11 00:00:37,180 --> 00:00:39,040 odkazy na ně někde. 12 00:00:39,040 --> 00:00:43,680 Ale v současné době, funkce Naplnění jen zbaví z nich. 13 00:00:43,680 --> 00:00:48,140 Takže budeme muset upravit naplnit, aby kolem nich. 14 00:00:48,140 --> 00:00:53,440 >> Teď První věc, kterou budeme vidět, že jsme mají globální cestujících pole. 15 00:00:53,440 --> 00:00:57,710 A tak budeme používat, že Global cestující pole v obývají. 16 00:00:57,710 --> 00:01:03,230 V naplnit, vidíme, že jsme looping přes všechny naše cestující. 17 00:01:03,230 --> 00:01:10,420 A to je to smyčka, která se vytváří umístit značku pro Google Earth a 18 00:01:10,420 --> 00:01:12,540 značka pro Map Google. 19 00:01:12,540 --> 00:01:16,420 A tak se naše modifikace naplnit, je tady. 20 00:01:16,420 --> 00:01:21,760 Takže budeme přidávat na naše cestující ' Pole tento objekt, který je udržet 21 00:01:21,760 --> 00:01:26,480 kolem štítku a místo známku jsme právě vytvořil spolu s domem a 22 00:01:26,480 --> 00:01:28,460 jméno cestujícího. 23 00:01:28,460 --> 00:01:30,560 >> Tak to je pro naplnění. 24 00:01:30,560 --> 00:01:33,210 Nyní se musíme podívat na vyzvednutí. 25 00:01:33,210 --> 00:01:38,540 Takže vyzvednout, jsme se opět chystá iterovat přes všechny naše cestující. 26 00:01:38,540 --> 00:01:41,340 Ale teď je to naše globální cestující pole. 27 00:01:41,340 --> 00:01:46,150 A tady vidíme, že dobře, mají jsme již zvedl tento cestující? 28 00:01:46,150 --> 00:01:50,030 Vzhledem k tomu, jestli jsme se zvedl to cestující, vidíme, že na konci 29 00:01:50,030 --> 00:01:55,240 budeme nastavit značku a místo značka na hodnotu null, protože to není 30 00:01:55,240 --> 00:01:56,930 již v mapě Google. 31 00:01:56,930 --> 00:02:00,920 >> Takže pokud jsme již zvedl to Cestující pak jsme jen tak 32 00:02:00,920 --> 00:02:02,920 pokračovat v dalším cestujícím. 33 00:02:02,920 --> 00:02:07,380 Jinak bychom zkontrolovat, zda tento Dům spolujezdce je uvnitř 34 00:02:07,380 --> 00:02:08,590 Pole House. 35 00:02:08,590 --> 00:02:11,900 Toto je kontrola musíme se ujistit, že nemáme zvednout prváku jako 36 00:02:11,900 --> 00:02:13,180 spec říká. 37 00:02:13,180 --> 00:02:15,920 Takže v případě, že cestující je v prváku, jedeme do 38 00:02:15,920 --> 00:02:18,190 pokračovat v dalším cestujícím. 39 00:02:18,190 --> 00:02:21,720 >> Poté, co jsme si ověřili, že je to osobní bychom měli vyzvednout, 40 00:02:21,720 --> 00:02:25,340 jsme nyní chystá zkontrolovat volnost a délka cestujícího a vidět 41 00:02:25,340 --> 00:02:27,760 v případě, že je do 15 stop z raketoplánu. 42 00:02:27,760 --> 00:02:31,720 Pokud je to tento případ, vlastně chceme vyzvednout tento cestující. 43 00:02:31,720 --> 00:02:35,890 Tak jsme se integrovat přes všechny sedadel v našem raketoplánu, kteří chtějí zjistit, zda 44 00:02:35,890 --> 00:02:38,110 tam je k dispozici na místě pro cestující. 45 00:02:38,110 --> 00:02:41,540 Pokud jeden z míst je null, že je k dispozici na místě. 46 00:02:41,540 --> 00:02:45,140 Takže přidáme cestujícího na sedadle. 47 00:02:45,140 --> 00:02:48,760 Pamatujeme si, že jsme se zvedl Cestující tak, že na konci, můžeme 48 00:02:48,760 --> 00:02:52,450 oznamuje-li se skutečně nevybral nikoho up. 49 00:02:52,450 --> 00:02:56,140 Pamatujeme si, že sedí to cestující, protože pokud se nám podaří získat 50 00:02:56,140 --> 00:02:59,320 celý raketoplán, aniž by sezení cestujícího, pak musíme 51 00:02:59,320 --> 00:03:00,885 oznámit, že jsme z křesel. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Pak jsme se odstranit své místo označit z aplikace Google Earth. 54 00:03:06,885 --> 00:03:11,310 Jsme odstranit jejich značku z Google Maps, nastavit uvnitř našich cestujících " 55 00:03:11,310 --> 00:03:14,830 pole místo značka a značka na null, jak jsme říkali předtím. 56 00:03:14,830 --> 00:03:16,035 A pak je to. 57 00:03:16,035 --> 00:03:17,050 Cestující byl usazen. 58 00:03:17,050 --> 00:03:19,570 Poté, co jsme udělali, že pro všechny cestující do 15 metrů 59 00:03:19,570 --> 00:03:23,250 kyvadlová doprava, musíme rechart. 60 00:03:23,250 --> 00:03:30,270 >> Takže Graf je to, co se děje na zobrazení cestující v sedadlech více zde. 61 00:03:30,270 --> 00:03:32,760 Takže teď, pojďme se podívat na graf. 62 00:03:32,760 --> 00:03:37,960 Uvnitř grafu, budeme mít budování HTML pro graf. 63 00:03:37,960 --> 00:03:41,160 Takže graf bude být nařízeno seznam. 64 00:03:41,160 --> 00:03:44,300 Pak budeme iterovat přes všechny sedadla v naší kyvadlovou dopravou. 65 00:03:44,300 --> 00:03:48,450 Takže pokud to konkrétní město je null, že znamená, že chceme položku seznamu, která 66 00:03:48,450 --> 00:03:50,800 indikuje, že je to prázdná snadné. 67 00:03:50,800 --> 00:03:55,650 Jinak, pokud to není null, pak chceme položka seznamu, který se bude zobrazovat 68 00:03:55,650 --> 00:03:58,660 jméno cestujícího a Dům cestujícího 69 00:03:58,660 --> 00:04:00,420 že je v tomto sídle. 70 00:04:00,420 --> 00:04:04,620 >> Poté, co jsme si zopakovali, přes všechny sedadla pak zavřeme naše seřazený seznam 71 00:04:04,620 --> 00:04:09,410 a používat jQuery pro výběr grafu div a nahradit je HTML s naším novým 72 00:04:09,410 --> 00:04:10,550 objednat seznamu. 73 00:04:10,550 --> 00:04:12,090 A to je pro graf. 74 00:04:12,090 --> 00:04:15,170 >> Takže poslední věc, kterou je vysadit. 75 00:04:15,170 --> 00:04:20,860 Nyní drop off se bude docela podobný vyzvednout. 76 00:04:20,860 --> 00:04:24,150 Místo opakování v průběhu všech cestující, jedeme do smyčky přes 77 00:04:24,150 --> 00:04:25,780 všechny raketoplánu míst. 78 00:04:25,780 --> 00:04:29,720 Takže opakování v průběhu raketoplánu sedadla, jsme vidět je to zejména kyvadlová sedadla 79 00:04:29,720 --> 00:04:32,850 není null, v tom případě je tu Cestující na toto místo. 80 00:04:32,850 --> 00:04:35,380 Pokud je to tento případ, chceme chytit zeměpisné šířky a 81 00:04:35,380 --> 00:04:37,030 délka tohoto cestujícího. 82 00:04:37,030 --> 00:04:42,110 >> Takže s použitím domovní řadu, my jsme jít chytit dům 83 00:04:42,110 --> 00:04:46,990 Cestující na toto místo, a pak chytit zeměpisná šířka daného domu 84 00:04:46,990 --> 00:04:49,070 a podobně pro délky. 85 00:04:49,070 --> 00:04:54,270 Nyní jsme opět použít vzdálenost vidět V tomto domě se nacházejí do 30 metrů nás. 86 00:04:54,270 --> 00:04:58,320 Pokud je to ten případ, že chcete nastavit toto sídlo na hodnotu null, protože cestující 87 00:04:58,320 --> 00:05:01,760 byla vysadil, a přírůstek že cestující byl vysazeni. 88 00:05:01,760 --> 00:05:05,910 Takže nakonec, pokud nikdo vysadil, oznamujeme, že nikdo 89 00:05:05,910 --> 00:05:07,600 chce, aby se snížil zde off. 90 00:05:07,600 --> 00:05:12,510 >> A konečně, musíme rechart, aby se zobrazí nová, prázdná místa. 91 00:05:12,510 --> 00:05:15,770 Nyní stačí implementovat některé další funkce. 92 00:05:15,770 --> 00:05:17,680 Nyní je tu spousta byste mohli Vybrali jste si z. 93 00:05:17,680 --> 00:05:21,630 Ale v našem případě jsme zavedli teleport, létání, a urychlení a 94 00:05:21,630 --> 00:05:22,770 urychlení dolů. 95 00:05:22,770 --> 00:05:25,100 Tak se pojďme podívat na ty. 96 00:05:25,100 --> 00:05:27,830 Za prvé, pojďme se podívat na urychlení funkce. 97 00:05:27,830 --> 00:05:32,720 Takže v našem případě na klávesy funkce, kde jsme již manipulaci 98 00:05:32,720 --> 00:05:39,900 všech těchto klíčů, jsme také bude uznávají, X a Z. Což specifikovat 99 00:05:39,900 --> 00:05:43,720 že tyto znaky budou způsobit rychlost raketoplánu do 100 00:05:43,720 --> 00:05:46,530 zvýšit nebo snížit. 101 00:05:46,530 --> 00:05:50,940 >> Takže si všimnout, že jsme dali vázán na to, jak vysoká a na to, jak nízko rychlost může 102 00:05:50,940 --> 00:05:55,030 vlastně jít, protože nechceme Raketoplán se příliš rychle. 103 00:05:55,030 --> 00:05:58,180 A my také nechceme kyvadlová doprava je rychlost jít na nulu nebo případně 104 00:05:58,180 --> 00:06:01,480 i negativní, která bude mít za následek v nějaké podivné chování. 105 00:06:01,480 --> 00:06:03,890 A to je za překročení rychlosti a zpomaluje. 106 00:06:03,890 --> 00:06:05,980 >> Nyní se pojďme podívat na létání. 107 00:06:05,980 --> 00:06:11,370 Takže si pamatujte, že létání funkce vyžaduje zadání Konami kód. 108 00:06:11,370 --> 00:06:18,070 Tak se v horní části, vidíme, jsme některé globální proměnné, Konami kód, který je 109 00:06:18,070 --> 00:06:20,975 pole, které je právě sledování klíče, které musí být zapsány na 110 00:06:20,975 --> 00:06:22,600 Konami Code. 111 00:06:22,600 --> 00:06:26,340 K dispozici je Bool, který právě ukazuje, zda Konami kód již 112 00:06:26,340 --> 00:06:27,660 byl zadán. 113 00:06:27,660 --> 00:06:30,430 A pak je tu index do pole Konami kód, který 114 00:06:30,430 --> 00:06:31,770 jsme v současné době. 115 00:06:31,770 --> 00:06:36,020 >> Takže v případě, že uživatel již vstoupila tři znaky Konami Code 116 00:06:36,020 --> 00:06:40,530 pak index bude ukazovat na Čtvrtá věc v poli, 117 00:06:40,530 --> 00:06:42,150 Třetí index. 118 00:06:42,150 --> 00:06:44,630 Používání, že opět sejdeme podívejte se na stisknutí klávesy. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 A stisknutí klávesy vidíme zde, že pokud Konami kód nebyl dosud 121 00:06:51,910 --> 00:06:58,410 vstoupil, pak chceme vidět, je klíč, který byl zadán, co jsme 122 00:06:58,410 --> 00:07:01,250 V současné době očekávají od pole Konami Code. 123 00:07:01,250 --> 00:07:04,350 Pokud je to ten případ, pak jsme zvýšit náš index. 124 00:07:04,350 --> 00:07:07,660 >> Pokud uživatel zadá Až pak index se chystá jít do jednoho. 125 00:07:07,660 --> 00:07:10,280 Poté uživatel zadat znovu, index jde na dva. 126 00:07:10,280 --> 00:07:12,150 Pak budete psát dolů, že půjde na tři. 127 00:07:12,150 --> 00:07:17,320 Pokud se typ Q, bude to obnovit nula, protože se neshoduje 128 00:07:17,320 --> 00:07:20,140 očekávaná hodnota. 129 00:07:20,140 --> 00:07:24,810 Teď, když se jim podaří dostat se přes Celé pole pak jste zadali 130 00:07:24,810 --> 00:07:26,280 Konami Code. 131 00:07:26,280 --> 00:07:33,960 V takovém případě se, že Konami vstoupil Je pravda, vidíme tady, že pokud 132 00:07:33,960 --> 00:07:40,460 Konami byl zapsán, přijímáme dva nové klíče, C a E. Což všichni ti bude dělat 133 00:07:40,460 --> 00:07:45,800 je nastaven letí dolů a létání vzhůru státy v raketoplánu. 134 00:07:45,800 --> 00:07:48,530 Takže už pro vás neexistuje. 135 00:07:48,530 --> 00:07:51,190 Je pouze potřeba, aby se Výhodou z nich. 136 00:07:51,190 --> 00:07:52,890 A to je pro létání. 137 00:07:52,890 --> 00:07:54,680 >> Poslední, jsme se teleportovat. 138 00:07:54,680 --> 00:08:00,710 Takže uvnitř HTML, vidíme, že jsme přidali vstupní pole a 139 00:08:00,710 --> 00:08:02,270 tlačítko teleport. 140 00:08:02,270 --> 00:08:08,300 Box má ID adresu a tlačítko má tlačítko ID teleport. 141 00:08:08,300 --> 00:08:13,970 Nyní jeden otravný malý detail je, že pokud nebudeme dělat nic s událostí 142 00:08:13,970 --> 00:08:19,210 manipulátory pak když se snažíme psát něco jako do vstupního pole, 143 00:08:19,210 --> 00:08:25,250 místo skutečně vázání, Google naši Země se chystá přestěhovat do 144 00:08:25,250 --> 00:08:30,040 vlevo od je již registrován zvládnout pohyb vlevo. 145 00:08:30,040 --> 00:08:35,100 >> Tak nepříjemný detail je, že když máme klíč dolů nebo klávesy nahoru 146 00:08:35,100 --> 00:08:40,789 akce uvnitř vstupního pole, chceme na event.stop množení, které je 147 00:08:40,789 --> 00:08:43,830 jen tak, aby se zabránilo klouzání raketoplánu. 148 00:08:43,830 --> 00:08:48,510 Poté, co to je s nimi manipulováno, chceme také přidat psovod na tlačítko teleportu. 149 00:08:48,510 --> 00:08:52,880 Když jsme klepněte na tlačítko teleportovat, budeme chytit adresu, která je aktuální 150 00:08:52,880 --> 00:08:57,580 hodnotu do vstupního pole, a poté nazýváme tuto funkci teleport. 151 00:08:57,580 --> 00:09:00,910 >> Takže to, co dělá teleport Funkce vypadat? 152 00:09:00,910 --> 00:09:04,840 No, první věc, kterou vidíme, je, že jsme pomocí Geocoder. geocode. 153 00:09:04,840 --> 00:09:06,940 Takže co je to? 154 00:09:06,940 --> 00:09:10,330 No, podíváme-li se na vrcholu, vidíme, že máme nového 155 00:09:10,330 --> 00:09:13,860 globální proměnná, Geocoder. 156 00:09:13,860 --> 00:09:17,500 A to je globální reference ke službě geografického kódování. 157 00:09:17,500 --> 00:09:19,380 Teď co to udělat pro nás? 158 00:09:19,380 --> 00:09:23,810 No, ve vstupním poli, já budu zadáním něco jako 33 Oxfordu 159 00:09:23,810 --> 00:09:26,040 Street Cambridge, Massachusetts. 160 00:09:26,040 --> 00:09:28,580 Ale nemůžeme opravdu něco s tím. 161 00:09:28,580 --> 00:09:31,760 Chceme převést, že do zeměpisné šířky a délky. 162 00:09:31,760 --> 00:09:34,940 A to je to, co Služba geografického kódování se chystá udělat pro nás. 163 00:09:34,940 --> 00:09:40,630 Ve spodní části initcb, vidíme, že máme Geocoder se rovná nové 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder, který inicializuje tato proměnná pro nás. 165 00:09:45,830 --> 00:09:47,930 >> Takže zpět k teleportu. 166 00:09:47,930 --> 00:09:51,240 Vidíme jsme pomocí Geocoder. 167 00:09:51,240 --> 00:09:54,970 Jsme Geocoding adresa, která byla předán do funkce teleportu, který 168 00:09:54,970 --> 00:09:57,450 byl vytažen z pole. 169 00:09:57,450 --> 00:10:02,020 A my jsme předáním volání zpět které se výsledky a stav. 170 00:10:02,020 --> 00:10:05,905 Takže první věc, kterou je třeba zkontrolovat na dokument API google.maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Mapy 173 00:10:08,330 --> 00:10:11,550 >> Takže musíme zkontrolovat stav aby zjistil, jestli se vrátila. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK, které naznačuje, že máme platný výsledek. 175 00:10:16,820 --> 00:10:19,310 Pokud to neuděláme, pak jsme si, no může udělat. 176 00:10:19,310 --> 00:10:20,990 To by mohlo být neplatná adresa. 177 00:10:20,990 --> 00:10:24,630 Nebo API služba síla dole, nebo kdo ví? 178 00:10:24,630 --> 00:10:29,980 Za předpokladu, že máme výsledek úspěšnosti pak jdeme chytit umístění z 179 00:10:29,980 --> 00:10:30,790 výsledek. 180 00:10:30,790 --> 00:10:34,220 A jdeme do nastavení Google v pravém dolním rohu bylo 181 00:10:34,220 --> 00:10:38,870 střed na tomto místě a aktualizovat Autobus na mapě na tomto místě. 182 00:10:38,870 --> 00:10:41,620 >> A teď musíme aktualizovat Google Earth plug-in. 183 00:10:41,620 --> 00:10:45,340 Tak jsme aktualizovat zeměpisné šířky a zeměpisná délka raketoplánu. 184 00:10:45,340 --> 00:10:50,570 A musíme také aktualizovat shuttle.localAnchorCartesian protože pokud 185 00:10:50,570 --> 00:10:55,250 se podíváte na shuttle.js, uvidíte, že že také udržuje informace o zeměpisné šířce 186 00:10:55,250 --> 00:10:56,310 a délky. 187 00:10:56,310 --> 00:10:59,490 Takže pokud se neaktualizují, že máme původní zeměpisné šířky a délky 188 00:10:59,490 --> 00:11:01,330 uloženy skryté někde. 189 00:11:01,330 --> 00:11:06,490 Tak aktualizace, které nyní nazýváme shuttle.updateCamera aktualizovat 190 00:11:06,490 --> 00:11:09,070 obrazovce a ukázat nám naše nové umístění. 191 00:11:09,070 --> 00:11:10,380 A to je vše. 192 00:11:10,380 --> 00:11:11,500 Jmenuji se Rob. 193 00:11:11,500 --> 00:11:12,750 A to bylo Shuttle. 194 00:11:12,750 --> 00:11:18,080