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 Jaz sem Rob. 4 00:00:13,780 --> 00:00:19,500 In upam, da ste pripravljeni, da poberem kaj Jaz sem odložil ali odlaganjem, 5 00:00:19,500 --> 00:00:22,230 ali pa začnimo. 6 00:00:22,230 --> 00:00:25,040 Torej prva stvar, ki jo potrebujemo storiti je, da poberem. 7 00:00:25,040 --> 00:00:29,370 Sedaj, dvigni se bo odstranjevanje Ikone potnikov iz Googla 8 00:00:29,370 --> 00:00:32,759 zemljevid v spodnjem desnem kotu in od Google Earth v centru 9 00:00:32,759 --> 00:00:33,970 zaslon. 10 00:00:33,970 --> 00:00:37,180 Torej je za odstranitev teh ikone, moramo imeti 11 00:00:37,180 --> 00:00:39,040 sklicevanja na njih nekje. 12 00:00:39,040 --> 00:00:43,680 Ampak trenutno, funkcija zapolnijo Pravkar se je znebil njih. 13 00:00:43,680 --> 00:00:48,140 Torej bomo morali spremeniti zapolnijo da jih bo okoli. 14 00:00:48,140 --> 00:00:53,440 >> Zdaj prva stvar, bomo videli, da smo imajo globalne potnikov paleto. 15 00:00:53,440 --> 00:00:57,710 In tako bomo uporabili, da Globala potniki matrika v zapolnijo. 16 00:00:57,710 --> 00:01:03,230 V zapolnijo, vidimo, da smo zanka preko vseh naših potnikov. 17 00:01:03,230 --> 00:01:10,420 In to je to zanka, da je ustvarjanje postaviti oznako za Google Earth in 18 00:01:10,420 --> 00:01:12,540 marker za Google Map. 19 00:01:12,540 --> 00:01:16,420 In tako zdaj naša sprememba zapolnijo je biti tukaj. 20 00:01:16,420 --> 00:01:21,760 Torej smo dodajanjem na naših potnikov " Array objekt, ki je vodenje 21 00:01:21,760 --> 00:01:26,480 okoli označevalca in kraj znamko smo pravkar ustvaril skupaj s hišo in 22 00:01:26,480 --> 00:01:28,460 ime potnika. 23 00:01:28,460 --> 00:01:30,560 >> Tako, da je za rast populacije. 24 00:01:30,560 --> 00:01:33,210 Zdaj moramo pogledati poberem. 25 00:01:33,210 --> 00:01:38,540 Torej poberem, bomo še enkrat bo Ponovil skozi vse naše potnike. 26 00:01:38,540 --> 00:01:41,340 Zdaj pa je naša globalna potniki matrika. 27 00:01:41,340 --> 00:01:46,150 In tu smo videli, da je dobro, so smo že pobrali to sopotnika? 28 00:01:46,150 --> 00:01:50,030 Ker če smo pobrali to Potnik, bomo videli na koncu, da 29 00:01:50,030 --> 00:01:55,240 bomo, da nastavite označevalec in kraj znamka null ker oni ne 30 00:01:55,240 --> 00:01:56,930 več v Googlovem zemljevidu. 31 00:01:56,930 --> 00:02:00,920 >> Torej, če smo že pobrali to potnik, potem smo le, da bo 32 00:02:00,920 --> 00:02:02,920 nadaljevanje na naslednji potnika. 33 00:02:02,920 --> 00:02:07,380 Else, preverimo, če je ta Potnik hiša je znotraj 34 00:02:07,380 --> 00:02:08,590 Niz hiš,. 35 00:02:08,590 --> 00:02:11,900 To je pregled moramo zagotoviti, da ne bomo pick up novinec kot 36 00:02:11,900 --> 00:02:13,180 spec pravi. 37 00:02:13,180 --> 00:02:15,920 Torej, če potnik je novinec, bomo 38 00:02:15,920 --> 00:02:18,190 nadaljevanje na naslednji potnika. 39 00:02:18,190 --> 00:02:21,720 >> Ko smo preverili, da je to Potnik bi morali pobirati, 40 00:02:21,720 --> 00:02:25,340 sedaj gremo, da preverite zemljepisno širino in dolžine potnika in videli 41 00:02:25,340 --> 00:02:27,760 če je to v 15 metrov od čolnička. 42 00:02:27,760 --> 00:02:31,720 Če je temu tako, dejansko želimo da poberem ta potnika. 43 00:02:31,720 --> 00:02:35,890 Tako bomo povezali preko vseh sedežih v naši shuttle videti, da vidim, če 44 00:02:35,890 --> 00:02:38,110 tam je na voljo na kraju samem za potnika. 45 00:02:38,110 --> 00:02:41,540 Če je eden izmed sedežev nič, , ki je na voljo na kraju samem. 46 00:02:41,540 --> 00:02:45,140 Zato smo dodali potnika na sedežu. 47 00:02:45,140 --> 00:02:48,760 Smemo pozabiti, da smo se pobrali potnik, tako da na koncu, smo lahko 48 00:02:48,760 --> 00:02:52,450 sporočamo, če bi dejansko niso izbrali nikogar gor. 49 00:02:52,450 --> 00:02:56,140 Smemo pozabiti, da smo se sedi ta Potnik, saj če nam uspe priti 50 00:02:56,140 --> 00:02:59,320 skozi celotno raketoplana brez sedežev za potnike, potem moramo 51 00:02:59,320 --> 00:03:00,885 sporočamo, da nam je zmanjkalo sedežev. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Potem smo odstranili svoje mesto označiti z Google Earth. 54 00:03:06,885 --> 00:03:11,310 Mi odstranijo marker iz Google Maps, v notranjosti naših potnikov " 55 00:03:11,310 --> 00:03:14,830 Niz kraj znamko in marker za nično, kot smo rekli prej. 56 00:03:14,830 --> 00:03:16,035 In potem to je to. 57 00:03:16,035 --> 00:03:17,050 Potnik je bila nameščena. 58 00:03:17,050 --> 00:03:19,570 Ko bomo to storili za vse potnike v 15 metrov 59 00:03:19,570 --> 00:03:23,250 shuttle, moramo rechart. 60 00:03:23,250 --> 00:03:30,270 >> Torej Slika je tisto, kar se dogaja, da se prikaže potniki v sedežih tukaj. 61 00:03:30,270 --> 00:03:32,760 Torej, zdaj, si oglejmo grafikon. 62 00:03:32,760 --> 00:03:37,960 Znotraj Chart, bomo lahko gradnji HTML grafikona. 63 00:03:37,960 --> 00:03:41,160 Torej grafikon se bo biti urejen seznam. 64 00:03:41,160 --> 00:03:44,300 Potem bomo ponoviti čez vse sedeži v naši shuttle. 65 00:03:44,300 --> 00:03:48,450 Torej, če je to posebej sedež null, da pomeni, da želimo element seznama, ki 66 00:03:48,450 --> 00:03:50,800 kaže, da je prazna preprosto. 67 00:03:50,800 --> 00:03:55,650 Drugega, če ne bi bilo nič, potem smo želeli Element seznama, ki se bo prikazal 68 00:03:55,650 --> 00:03:58,660 ime potnika in hiša potnika 69 00:03:58,660 --> 00:04:00,420 da je v tem sedežu. 70 00:04:00,420 --> 00:04:04,620 >> Ko smo poudarili nad vsemi sedeži, potem smo blizu naše urejen seznam 71 00:04:04,620 --> 00:04:09,410 in uporabo jQuery, da izberete div grafikona in zamenjajte je HTML z našo novo 72 00:04:09,410 --> 00:04:10,550 urejen seznam. 73 00:04:10,550 --> 00:04:12,090 In to je to za Chart. 74 00:04:12,090 --> 00:04:15,170 >> Torej, zadnja stvar, ki je odložiš. 75 00:04:15,170 --> 00:04:20,860 Zdaj odložiš se bo precej podobni, da poberem. 76 00:04:20,860 --> 00:04:24,150 Namesto zanka v vseh potniki, bomo zanke preko 77 00:04:24,150 --> 00:04:25,780 vse izmenične sedežev. 78 00:04:25,780 --> 00:04:29,720 Torej zanka v komornih sedežev, smo vidim, je to še posebej shuttle sedež 79 00:04:29,720 --> 00:04:32,850 ni nič, in v tem primeru obstaja potnik na tem sedežu. 80 00:04:32,850 --> 00:04:35,380 Če je temu tako, si želimo zgrabi zemljepisno širino in 81 00:04:35,380 --> 00:04:37,030 dolžina tega potnika. 82 00:04:37,030 --> 00:04:42,110 >> Tako da z uporabo paleto tem objektu na voljo, smo dogaja, da zgrabite hišo 83 00:04:42,110 --> 00:04:46,990 potnik na tem sedežu, nato pa zgrabi širina te posebne hiše 84 00:04:46,990 --> 00:04:49,070 Podobno velja tudi za dolžine. 85 00:04:49,070 --> 00:04:54,270 Zdaj smo spet uporabili razdaljo videti V tej hiši je v 30 metrov od nas. 86 00:04:54,270 --> 00:04:58,320 Če je temu tako, si želijo, da nastavite ta sedež na nič, saj potnik 87 00:04:58,320 --> 00:05:01,760 je odložil, in prirastek, ki Potnik je odložil. 88 00:05:01,760 --> 00:05:05,910 Tako, da na koncu, če je nihče odložil, mi sporočamo, da nihče ne 89 00:05:05,910 --> 00:05:07,600 želi, da bi odložil tukaj. 90 00:05:07,600 --> 00:05:12,510 >> Končno moramo tako, da rechart prikažemo nove, prazne sedeže. 91 00:05:12,510 --> 00:05:15,770 Zdaj morate samo za izvajanje nekatere dodatne funkcije. 92 00:05:15,770 --> 00:05:17,680 Zdaj, tam je veliko, da bi lahko Izbrali iz. 93 00:05:17,680 --> 00:05:21,630 Toda v našem primeru smo izvajali teleport, letenje, in pospešitvi in 94 00:05:21,630 --> 00:05:22,770 prekoračitev dovoljene hitrosti navzdol. 95 00:05:22,770 --> 00:05:25,100 Zato si oglejmo teh. 96 00:05:25,100 --> 00:05:27,830 Prvič, dajmo si oglejte pospešitev funkcijo. 97 00:05:27,830 --> 00:05:32,720 Torej, v našem primeru, v pritisku funkcija, kjer smo že ravnanje 98 00:05:32,720 --> 00:05:39,900 vse od teh tipk, smo tudi dogaja, da prepoznati X in Z. je opisanih 99 00:05:39,900 --> 00:05:43,720 da ti znaki bodo povzroči Shuttle je hitrost do 100 00:05:43,720 --> 00:05:46,530 povečanje in zmanjšanje. 101 00:05:46,530 --> 00:05:50,940 >> Tako opazili, da smo se veže na to, kako visoko in kako nizko hitrost naj 102 00:05:50,940 --> 00:05:55,030 dejansko šel, ker ne želimo, shuttle prehitro. 103 00:05:55,030 --> 00:05:58,180 In mi tudi ne želijo shuttle je Hitrost iti v nič ali morebiti 104 00:05:58,180 --> 00:06:01,480 celo negativna, kar bo povzročilo V nekaj čudnega obnašanja. 105 00:06:01,480 --> 00:06:03,890 In to je to zaradi prehitre vožnje in upočasnjuje. 106 00:06:03,890 --> 00:06:05,980 >> Zdaj pa si oglejte na letenje. 107 00:06:05,980 --> 00:06:11,370 Torej, ne pozabite, da je funkcija, ki plujejo zahteva, da vnesete Konami zakonika. 108 00:06:11,370 --> 00:06:18,070 Torej, na vrhu, vidimo smo nekaj globalne spremenljivke, Konami zakonik, ki je 109 00:06:18,070 --> 00:06:20,975 matrika, ki je samo sledenja ključi, ki jih je treba vnesti v 110 00:06:20,975 --> 00:06:22,600 Konami Code. 111 00:06:22,600 --> 00:06:26,340 Tam je Bool, ki samo kaže ali ima Konami zakonik že 112 00:06:26,340 --> 00:06:27,660 bila vpisana. 113 00:06:27,660 --> 00:06:30,430 In potem je indeks v Niz Konami zakonika, ki 114 00:06:30,430 --> 00:06:31,770 smo trenutno. 115 00:06:31,770 --> 00:06:36,020 >> Torej, če je uporabnik že začela tri Vsi znaki Konami zakonika 116 00:06:36,020 --> 00:06:40,530 Nato indeks se dogaja, da kaže na Četrta stvar v matriki, 117 00:06:40,530 --> 00:06:42,150 Tretji indeks. 118 00:06:42,150 --> 00:06:44,630 Uporabljate, da enkrat bova pogled na ključne kapi. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 In v ključnih kapi vidimo tukaj, da če Konami zakonik ni že 121 00:06:51,910 --> 00:06:58,410 začel, nato pa želimo videti je Ključno je, da se je začel, kaj smo 122 00:06:58,410 --> 00:07:01,250 Trenutno pričakoval od matrika Konami Code. 123 00:07:01,250 --> 00:07:04,350 Če je temu tako, potem smo prirastek naš indeks. 124 00:07:04,350 --> 00:07:07,660 >> Če uporabnik Do takrat indeks bo šel v eno. 125 00:07:07,660 --> 00:07:10,280 Potem bo uporabnik vnesti spet, Indeks gre za dva. 126 00:07:10,280 --> 00:07:12,150 Potem bodo tipa dol, bo šel za tri. 127 00:07:12,150 --> 00:07:17,320 Če se tip Q, da bomo ponastavijo nič, ker se ne ujema 128 00:07:17,320 --> 00:07:20,140 pričakovana vrednost. 129 00:07:20,140 --> 00:07:24,810 Zdaj, če jim uspe priti skozi Celoten nabor potem oni vpisana 130 00:07:24,810 --> 00:07:26,280 Konami Code. 131 00:07:26,280 --> 00:07:33,960 V tem primeru, zdaj, ko Konami vpisana Res je, vidimo tukaj, da če 132 00:07:33,960 --> 00:07:40,460 Konami je bila vpisana, smo sprejeli dva nova ključi, C in E. Kateri vsem tistim, bo naredil 133 00:07:40,460 --> 00:07:45,800 nastavljena pluje navzdol in pluje navzgor države v raketoplana. 134 00:07:45,800 --> 00:07:48,530 Torej že obstajajo za vas. 135 00:07:48,530 --> 00:07:51,190 Pravkar si morali vzeti Prednost njih. 136 00:07:51,190 --> 00:07:52,890 In da je za letenje. 137 00:07:52,890 --> 00:07:54,680 >> Zadnjič smo teleport. 138 00:07:54,680 --> 00:08:00,710 Tako znotraj HTML, vidimo, da smo dodali vnosno polje in je 139 00:08:00,710 --> 00:08:02,270 gumb teleport. 140 00:08:02,270 --> 00:08:08,300 Škatla ima ID naslov in gumb ima gumb za Teleport ID. 141 00:08:08,300 --> 00:08:13,970 Zdaj eden siten malo podrobnosti, je, da Če ne bomo storili ničesar z dogodkom 142 00:08:13,970 --> 00:08:19,210 viličarji, potem ko smo poskušali vnesti nekaj podobnega v vnosno polje, 143 00:08:19,210 --> 00:08:25,250 namesto da bi dejansko vezava, naš Googlu Zemlja se dogaja, da se premaknete 144 00:08:25,250 --> 00:08:30,040 levo, ker je že registriran ravnati gibljejo v levo. 145 00:08:30,040 --> 00:08:35,100 >> Tako moteč detajl tukaj je, da ko bomo imeli ključ navzdol ali tipko navzgor 146 00:08:35,100 --> 00:08:40,789 Dogodek znotraj vnosno polje, želimo za event.stop razmnoževanje ki je 147 00:08:40,789 --> 00:08:43,830 bo kar preprečuje drsenje čolnička. 148 00:08:43,830 --> 00:08:48,510 Ko je to ravnanje, smo želeli dodati trener na gumb teleportnega. 149 00:08:48,510 --> 00:08:52,880 Ko kliknemo na gumb Teleport smo zgrabi naslov, ki je trenutno 150 00:08:52,880 --> 00:08:57,580 vrednost v vnosno polje in nato pravimo to funkcijo Teleport. 151 00:08:57,580 --> 00:09:00,910 >> Torej, kaj teleport Funkcija izgledal? 152 00:09:00,910 --> 00:09:04,840 No, prva stvar, ki jo vidim je, da smo uporabo geocoder. geokodirati. 153 00:09:04,840 --> 00:09:06,940 Torej, kaj je to? 154 00:09:06,940 --> 00:09:10,330 No, če pogledamo na vrhu, vidimo, da imamo novo 155 00:09:10,330 --> 00:09:13,860 Globalna spremenljivka, geocoder. 156 00:09:13,860 --> 00:09:17,500 In to je globalna referenca na storitev geokodiranja. 157 00:09:17,500 --> 00:09:19,380 Zdaj, kaj to za nas? 158 00:09:19,380 --> 00:09:23,810 No, v vnosno polje, da bom lahko vnesete nekaj podobnega 33 Oxfordu 159 00:09:23,810 --> 00:09:26,040 Street Cambridge, Massachusetts. 160 00:09:26,040 --> 00:09:28,580 Vendar ne moremo zares karkoli s tem. 161 00:09:28,580 --> 00:09:31,760 Želimo spremeniti, da bi zemljepisne širine in dolžine. 162 00:09:31,760 --> 00:09:34,940 In to je tisto, kar storitev geokodiranja bo naredil za nas. 163 00:09:34,940 --> 00:09:40,630 Na dnu initcb, vidimo, da imamo geocoder enak novo 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder ki inicializira ta spremenljivka za nas. 165 00:09:45,830 --> 00:09:47,930 >> Torej nazaj na teleport. 166 00:09:47,930 --> 00:09:51,240 Vidimo, da smo s pomočjo geocoder. 167 00:09:51,240 --> 00:09:54,970 Mi smo Geokodiranje naslov, ki je bil prenesejo na funkcijo, ki teleportnega 168 00:09:54,970 --> 00:09:57,450 je zgrabil od vnosno polje. 169 00:09:57,450 --> 00:10:02,020 In smo ji posreduje klic nazaj ki bo rezultate in stanje. 170 00:10:02,020 --> 00:10:05,905 Torej prva stvar, ki jo je treba preveriti na Dokument API google.maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Zemljevidi 173 00:10:08,330 --> 00:10:11,550 >> Torej moramo preveriti stanje da vidim, če se vrne. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK ki kaže, da imamo veljavno rezultat. 175 00:10:16,820 --> 00:10:19,310 Če ne bomo, potem bomo dobili, ne more storiti. 176 00:10:19,310 --> 00:10:20,990 To je morda neveljaven naslov. 177 00:10:20,990 --> 00:10:24,630 Ali premoč storitev API dol ali kdo ve? 178 00:10:24,630 --> 00:10:29,980 Ob predpostavki, da imamo rezultat, uspeh pa bomo zgrabi lokacijo iz 179 00:10:29,980 --> 00:10:30,790 rezultat. 180 00:10:30,790 --> 00:10:34,220 In bomo nastaviti Google Map v spodnjem desnem kotu, da lahko 181 00:10:34,220 --> 00:10:38,870 osredotočen na tej lokaciji in posodobiti avtobus na zemljevidu na tem mestu. 182 00:10:38,870 --> 00:10:41,620 >> In zdaj moramo posodobiti Google Earth plug-in. 183 00:10:41,620 --> 00:10:45,340 Tako smo posodobili širine in dolžine od raketoplana. 184 00:10:45,340 --> 00:10:50,570 In smo morali posodobiti tudi shuttle.localAnchorCartesian kajti če 185 00:10:50,570 --> 00:10:55,250 pogledaš na shuttle.js, boste videli, da da tudi sledi širine 186 00:10:55,250 --> 00:10:56,310 in dolžine. 187 00:10:56,310 --> 00:10:59,490 Torej, če ne bomo posodobiti, da imamo Prvotni širine in dolžine 188 00:10:59,490 --> 00:11:01,330 shranjena nekje. 189 00:11:01,330 --> 00:11:06,490 Torej, posodabljanje, da sedaj, pravimo shuttle.updateCamera za osvežitev 190 00:11:06,490 --> 00:11:09,070 zaslon in nam pokazati našo novo lokacijo. 191 00:11:09,070 --> 00:11:10,380 In to je to. 192 00:11:10,380 --> 00:11:11,500 Moje ime je Rob. 193 00:11:11,500 --> 00:11:12,750 In to je bil Shuttle. 194 00:11:12,750 --> 00:11:18,080