1 00:00:00,000 --> 00:00:11,712 2 00:00:11,712 --> 00:00:12,850 >> ROB BOWDEN: Sveiki. 3 00:00:12,850 --> 00:00:13,780 Aš Rob. 4 00:00:13,780 --> 00:00:19,500 Ir aš tikiuosi, kad jūs būsite pasiruošę pasiimti ką Aš nutraukiamas arba išleisti žemyn, 5 00:00:19,500 --> 00:00:22,230 arba galime pradėti. 6 00:00:22,230 --> 00:00:25,040 Taigi pirmas dalykas, kurį mes turime padaryti, tai pasiimti. 7 00:00:25,040 --> 00:00:29,370 Dabar, pasiimti bus pašalinti keleivių piktogramas iš "Google" 8 00:00:29,370 --> 00:00:32,759 map apatiniame dešiniajame kampe ir nuo "Google Earth" iš centro 9 00:00:32,759 --> 00:00:33,970 ekranas. 10 00:00:33,970 --> 00:00:37,180 Taigi, siekiant pašalinti tuos piktogramos, mes turime turėti 11 00:00:37,180 --> 00:00:39,040 nuorodos į juos kažkur. 12 00:00:39,040 --> 00:00:43,680 Tačiau šiuo metu, gyventojų funkcija tiesiog atsikrato jų. 13 00:00:43,680 --> 00:00:48,140 Taigi, mes ketiname turėti keisti gyventojų išlaikyti juos aplink. 14 00:00:48,140 --> 00:00:53,440 >> Dabar pirmas dalykas, mes pamatysime, kad mes turėti pasaulinį keleivių masyvo. 15 00:00:53,440 --> 00:00:57,710 Ir todėl mes ketiname naudoti, kad Global keleiviai masyvas gyventojų. 16 00:00:57,710 --> 00:01:03,230 Be gyventojų, matome, kad mes kilpų per visas mūsų keleiviams. 17 00:01:03,230 --> 00:01:10,420 Ir tai šis ciklas tai sukurti įdėti ženklą "Google" žemė ir 18 00:01:10,420 --> 00:01:12,540 žymeklis Google žemėlapis. 19 00:01:12,540 --> 00:01:16,420 Ir todėl dabar mūsų modifikacija užpildyti yra čia. 20 00:01:16,420 --> 00:01:21,760 Taigi mes įtraukiame į mūsų keleiviams " masyvas tai daiktas, kuris yra išlaikyti 21 00:01:21,760 --> 00:01:26,480 aplink žymeklio ir vieta ženklo mes tiesiog sukurta kartu su namo ir 22 00:01:26,480 --> 00:01:28,460 Pavadinimas keleiviui. 23 00:01:28,460 --> 00:01:30,560 >> Štai ji už gyventojų. 24 00:01:30,560 --> 00:01:33,210 Dabar mes turime pažvelgti pasiimti. 25 00:01:33,210 --> 00:01:38,540 Taigi pasiimti, mes vėl ketiname pakartoti per visus mūsų keleiviams. 26 00:01:38,540 --> 00:01:41,340 Bet dabar tai mūsų pasaulio keleiviai masyvo. 27 00:01:41,340 --> 00:01:46,150 Ir čia mes matome, kad gerai, jau mes jau pakėlė šį keleivį? 28 00:01:46,150 --> 00:01:50,030 Nes jei mes pakėlė tai keleivių, matome, galų gale, kad 29 00:01:50,030 --> 00:01:55,240 mes ketiname nustatyti žymeklį ir vieta ženklas nulis, nes jie ne 30 00:01:55,240 --> 00:01:56,930 ilgiau Google žemėlapyje. 31 00:01:56,930 --> 00:02:00,920 >> Taigi, jei mes jau pakėlė tai keleivinis tada mes tik ketina 32 00:02:00,920 --> 00:02:02,920 pereikite prie kito keleivio. 33 00:02:02,920 --> 00:02:07,380 Kitur, mes patikrinti, pamatyti, jei tai keleivio namas yra viduje 34 00:02:07,380 --> 00:02:08,590 namo masyvo. 35 00:02:08,590 --> 00:02:11,900 Tai patikrinimas, turime įsitikinti, kad mes ne pasiimti pirmakursis kaip 36 00:02:11,900 --> 00:02:13,180 spec sako. 37 00:02:13,180 --> 00:02:15,920 Taigi, jei keleivis yra pirmakursis, mes ketiname 38 00:02:15,920 --> 00:02:18,190 pereikite prie kito keleivio. 39 00:02:18,190 --> 00:02:21,720 >> Kai mes patikrinti, kad tai yra keleivių turėtume būti įlaipinami, 40 00:02:21,720 --> 00:02:25,340 mes dabar ketina patikrinti platumos platumos ir keleivio ir pamatyti 41 00:02:25,340 --> 00:02:27,760 jei tai per 15 pėdų į uostą. 42 00:02:27,760 --> 00:02:31,720 Jei tai toks atvejis, mes iš tikrųjų nori pasiimti šį keleivį. 43 00:02:31,720 --> 00:02:35,890 Taigi, mes integruoti per visas vietas mūsų uostą nori pamatyti, jei 44 00:02:35,890 --> 00:02:38,110 ten galima vietoje keleiviui. 45 00:02:38,110 --> 00:02:41,540 Jei viena iš vietų yra niekinis, tai galima vietoje. 46 00:02:41,540 --> 00:02:45,140 Taigi, mes pridėti keleivį ant sėdynės. 47 00:02:45,140 --> 00:02:48,760 Mes prisimename, kad mes pakėlė keleivių, kad, galų gale, mes galime 48 00:02:48,760 --> 00:02:52,450 pranešti, jei mes iš tikrųjų nebuvo pasiimti visiems iki. 49 00:02:52,450 --> 00:02:56,140 Mes prisimename, kad mes sėdi tai keleivių, nes jei mums pavyks gauti 50 00:02:56,140 --> 00:02:59,320 per visą uostą be sėdimų keleivių, tada mes turime 51 00:02:59,320 --> 00:03:00,885 pranešti, kad mes iš sėdimų vietų. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Tada mes pašalinti savo vietą pažymėti iš Google Earth. 54 00:03:06,885 --> 00:03:11,310 Mes pašalinti savo žymeklį iš "Google Maps", nustatyti viduje mūsų keleiviams " 55 00:03:11,310 --> 00:03:14,830 masyvas vieta ženklą ir žymeklis nulis kaip mes sakėme anksčiau. 56 00:03:14,830 --> 00:03:16,035 Ir tada viskas. 57 00:03:16,035 --> 00:03:17,050 Keleivių buvo sėdėti. 58 00:03:17,050 --> 00:03:19,570 Kai mes padarėme, kad visiems keleiviams per 15 pėdų 59 00:03:19,570 --> 00:03:23,250 uostą, turime rechart. 60 00:03:23,250 --> 00:03:30,270 >> Taigi diagrama yra tai, kas vyksta, kad būtų rodomas keleivių daugiau nei čia vietų. 61 00:03:30,270 --> 00:03:32,760 Taigi dabar pažvelkime Chart. 62 00:03:32,760 --> 00:03:37,960 Viduje diagrama, mes ketiname būti statyti už diagramos HTML. 63 00:03:37,960 --> 00:03:41,160 Taigi schema vyksta būti užsakyta sąrašas. 64 00:03:41,160 --> 00:03:44,300 Tada mes pakartoti per visus į mūsų uostą sėdynės. 65 00:03:44,300 --> 00:03:48,450 Taigi, jei tai pirma vieta yra niekinis, kad reiškia, kad mes norime sąrašo elementą, kad 66 00:03:48,450 --> 00:03:50,800 rodo, kad jis tuščias lengva. 67 00:03:50,800 --> 00:03:55,650 Kitur, jei tai buvo ne nulis, tai mes norime Sąrašo elementas, kuris ketina rodyti 68 00:03:55,650 --> 00:03:58,660 keleivio vardas, pavardė ir keleivio namai 69 00:03:58,660 --> 00:04:00,420 tai šioje sėdynėje. 70 00:04:00,420 --> 00:04:04,620 >> Kai mes pakartota per visus sėdynės tada mes uždaryti mūsų tvarkingai sąrašą 71 00:04:04,620 --> 00:04:09,410 ir naudoti JQuery pasirinkti diagramos div ir pakeisti tai HTML su mūsų naujas 72 00:04:09,410 --> 00:04:10,550 užsisakyti sąrašą. 73 00:04:10,550 --> 00:04:12,090 Štai ir viskas už pav. 74 00:04:12,090 --> 00:04:15,170 >> Taigi, paskutinis dalykas yra užsnūsti. 75 00:04:15,170 --> 00:04:20,860 Dabar užsnūsti bus gana panašus pasiimti. 76 00:04:20,860 --> 00:04:24,150 Užuot padarę per visą keleiviai, mes ketiname kilpa per 77 00:04:24,150 --> 00:04:25,780 visi maršrutiniai vietų. 78 00:04:25,780 --> 00:04:29,720 Taigi apsisukimo per maršrutiniai vietų, mes pamatyti tai pirma autobusas sėdynės 79 00:04:29,720 --> 00:04:32,850 NOT NULL, tokiu atveju nėra Šiame sėdynės keleivis. 80 00:04:32,850 --> 00:04:35,380 Jei tai toks atvejis, mes norime patraukti platumos ir 81 00:04:35,380 --> 00:04:37,030 ilgumos šio keleiviui. 82 00:04:37,030 --> 00:04:42,110 >> Taigi, naudojant namas masyvo, mes ketina patraukti namą 83 00:04:42,110 --> 00:04:46,990 keleivis šioje sėdynėje ir tada patraukti platumos to konkretaus namo 84 00:04:46,990 --> 00:04:49,070 ir panašiai ilgumos. 85 00:04:49,070 --> 00:04:54,270 Dabar mes vėl naudoti atstumo pamatyti Tame name yra per 30 pėdų mus. 86 00:04:54,270 --> 00:04:58,320 Jei tai toks atvejis, jie nori nustatyti tai sėdynė null, nes keleivis 87 00:04:58,320 --> 00:05:01,760 buvo išlaipino, ir prieaugis kad keleivis nukrito. 88 00:05:01,760 --> 00:05:05,910 Taigi, kad, galų gale, jei niekas nukrito, mes pranešame, kad niekas 89 00:05:05,910 --> 00:05:07,600 nori būti išlaipino čia. 90 00:05:07,600 --> 00:05:12,510 >> Galiausiai, mes turime rechart kad mes parodome naujus tuščias vietas. 91 00:05:12,510 --> 00:05:15,770 Dabar, jums tiesiog reikia įgyvendinti keletas papildomų funkcijų. 92 00:05:15,770 --> 00:05:17,680 Dabar ten daug galima pasirinktas iš. 93 00:05:17,680 --> 00:05:21,630 Tačiau mūsų atveju mes įdiegėme teleportuotis, plaukioja, ir pagreitinti, ir 94 00:05:21,630 --> 00:05:22,770 greičiau žemyn. 95 00:05:22,770 --> 00:05:25,100 Taigi pažvelkime į tuos. 96 00:05:25,100 --> 00:05:27,830 Pirma, galime pažvelgti paspartinti funkcija. 97 00:05:27,830 --> 00:05:32,720 Taigi, mūsų atveju, į paspaudimo funkcija, kur mes jau tvarkyti 98 00:05:32,720 --> 00:05:39,900 visus šiuos raktus, mes taip pat ketiname pripažįsta, X ir Z. Kuris mes nurodyti 99 00:05:39,900 --> 00:05:43,720 kad šie simboliai ketinate sukelti Shuttle savo greitį į 100 00:05:43,720 --> 00:05:46,530 padidinti ir sumažinti. 101 00:05:46,530 --> 00:05:50,940 >> Taigi pastebime, kad mes įdėti riba, kaip didelis ir apie tai, kaip mažas greitis gali 102 00:05:50,940 --> 00:05:55,030 iš tikrųjų eiti, nes mes nenorime uostą, buvo per greitas. 103 00:05:55,030 --> 00:05:58,180 Ir mes taip pat norime uostą nėra greitis eiti iki nulio ar galbūt 104 00:05:58,180 --> 00:06:01,480 net neigiamas, kuris bus kažkokio keisto elgesio. 105 00:06:01,480 --> 00:06:03,890 Štai ir viskas už greičio viršijimą aukštyn ir lėtėja. 106 00:06:03,890 --> 00:06:05,980 >> Dabar galime pažvelgti plaukioja išvaizdą. 107 00:06:05,980 --> 00:06:11,370 Taigi nepamirškite, kad plaukioja funkcija reikia įvesti Konami Code. 108 00:06:11,370 --> 00:06:18,070 Taigi į viršų, matome mes turime keletą globalių kintamųjų, Konami kodas, kuris yra 109 00:06:18,070 --> 00:06:20,975 matrica, tiesiog sekti raktus, kurie turi būti įvedami 110 00:06:20,975 --> 00:06:22,600 Konami Code. 111 00:06:22,600 --> 00:06:26,340 Yra bool kuris tiesiog rodo ar Konami kodas jau 112 00:06:26,340 --> 00:06:27,660 buvo įrašytas. 113 00:06:27,660 --> 00:06:30,430 Ir tada ten indeksą į Konami kodas matrica, 114 00:06:30,430 --> 00:06:31,770 mes šiuo metu. 115 00:06:31,770 --> 00:06:36,020 >> Taigi, jei vartotojas jau persijungė į tris personažai Konami kodekso 116 00:06:36,020 --> 00:06:40,530 tada indeksas ketina atkreipti dėmesį į Ketvirtasis dalykas, masyvas, 117 00:06:40,530 --> 00:06:42,150 Trečiasis indeksas. 118 00:06:42,150 --> 00:06:44,630 Naudojant, kad mes dar kartą bus pažvelgti mygtuko insulto. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 Ir pagrindinis insulto Čia mes matome, kad, jei Konami kodas iki šiol nebuvo 121 00:06:51,910 --> 00:06:58,410 įrašytas, tai mes norime pamatyti, raktas, kuris buvo įvestas, ką mes 122 00:06:58,410 --> 00:07:01,250 šiuo metu laukiasi nuo Konami kodas masyvo. 123 00:07:01,250 --> 00:07:04,350 Jei tai toks atvejis, tada mes prieaugio indeksas. 124 00:07:04,350 --> 00:07:07,660 >> Jei vartotojas įveda Iki tada puslapis ketina eiti į vieną. 125 00:07:07,660 --> 00:07:10,280 Tada vartotojas bus įvesti dar kartą, rodyklė eina į dviejų. 126 00:07:10,280 --> 00:07:12,150 Tada jie bus įvesti žemyn, jis bus eiti iki trijų. 127 00:07:12,150 --> 00:07:17,320 Jei jie tipo Q, jis bus grąžintas į nulis, nes jie neatitiko 128 00:07:17,320 --> 00:07:20,140 Tikimasi, vertė. 129 00:07:20,140 --> 00:07:24,810 Dabar, jei jie sugeba gauti per visa eilė tada jie įvedėte 130 00:07:24,810 --> 00:07:26,280 Konami Code. 131 00:07:26,280 --> 00:07:33,960 Tokiu atveju, kad dabar Konami įrašytas Tiesa, mes matome žemyn čia, kad jei 132 00:07:33,960 --> 00:07:40,460 Konami buvo įvestas, mes priimame du naujus raktai, C ir E. kuris visiems darys 133 00:07:40,460 --> 00:07:45,800 nustatytas plaukioja žemyn ir plaukioja didėjimo narės į uostą. 134 00:07:45,800 --> 00:07:48,530 Taigi jau už jus. 135 00:07:48,530 --> 00:07:51,190 Jums tiesiog reikia imtis privalumas jiems. 136 00:07:51,190 --> 00:07:52,890 Ir tai jis plaukioja. 137 00:07:52,890 --> 00:07:54,680 >> Paskutinis mes teleportuotis. 138 00:07:54,680 --> 00:08:00,710 Taigi viduje HTML, matome, kad mes pridėjome įvesties langelį ir A 139 00:08:00,710 --> 00:08:02,270 teleportuotis mygtuką. 140 00:08:02,270 --> 00:08:08,300 Dėžutė ID adresą ir mygtuką turi ID teleport mygtuką. 141 00:08:08,300 --> 00:08:13,970 Dabar vienas smulkmenos erzina tai, kad jei mes nieko nedarysime su renginio 142 00:08:13,970 --> 00:08:19,210 krautuvai tada, kai mes bandome įvesti kažkas panašaus į įvesties langelį, 143 00:08:19,210 --> 00:08:25,250 vietoj tikrųjų susiejimas, mūsų "Google" Žemė ketina pereiti prie 144 00:08:25,250 --> 00:08:30,040 paliko nes jau užregistruotas rankena persikelia į kairę. 145 00:08:30,040 --> 00:08:35,100 >> Taigi erzina išsamiai čia yra tai, kad kai mes turime nuspaudę arba mygtuką aukštyn 146 00:08:35,100 --> 00:08:40,789 Renginys viduje įvesties langelį, mes norime į event.stop dauginimu, yra 147 00:08:40,789 --> 00:08:43,830 tik ketina užkirsti kelią stumdomas į uostą. 148 00:08:43,830 --> 00:08:48,510 Kai tai tvarkomi, mes taip pat norime pridėti prižiūrėtojas su teleport mygtuką. 149 00:08:48,510 --> 00:08:52,880 Kai mes spustelėkite teleportuotis mygtuką, mes patraukti adresą, kuris yra dabartinis 150 00:08:52,880 --> 00:08:57,580 vertė įvesties langelį, tada Mes tai vadiname teleport funkcija. 151 00:08:57,580 --> 00:09:00,910 >> Taigi, ką daro teleport funkcija atrodo? 152 00:09:00,910 --> 00:09:04,840 Na, pirmas dalykas, kurį mes matome, mes naudojant geocoder. geocode. 153 00:09:04,840 --> 00:09:06,940 Taigi, kas tai yra? 154 00:09:06,940 --> 00:09:10,330 Na, jei pažvelgsime į viršų, matome, kad mes turime naują 155 00:09:10,330 --> 00:09:13,860 pasaulinį kintamąjį, geocoder. 156 00:09:13,860 --> 00:09:17,500 Ir tai yra pasaulinė nuoroda į geokoduoti paslaugos. 157 00:09:17,500 --> 00:09:19,380 Dabar ką tai padaryti už mus? 158 00:09:19,380 --> 00:09:23,810 Na, įvesties langelį, aš ruošiuosi būti įvesti kažką panašaus į 33 Oksforde 159 00:09:23,810 --> 00:09:26,040 Gatvė Kembridžas, Masačusetsas. 160 00:09:26,040 --> 00:09:28,580 Bet mes tikrai negali padaryti nieko su kad. 161 00:09:28,580 --> 00:09:31,760 Mes norime, kad konvertuoti į platuma ir ilguma. 162 00:09:31,760 --> 00:09:34,940 Ir tai, ką geokoduoti aptarnavimą ketina daryti mums. 163 00:09:34,940 --> 00:09:40,630 Tuo initcb apačios, matome, kad mes turime geocoder Lygu nauja 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder kuris inicijuoja Šis kintamasis mums. 165 00:09:45,830 --> 00:09:47,930 >> Taigi atgal į teleportuotis. 166 00:09:47,930 --> 00:09:51,240 Mes matome, mes naudojame geocoder. 167 00:09:51,240 --> 00:09:54,970 Mes geokoduoti adresą, kuris buvo perduota teleport funkcija, kuri 168 00:09:54,970 --> 00:09:57,450 buvo įsikabinti iš įvesties langelį. 169 00:09:57,450 --> 00:10:02,020 Ir mes perduoti jai paskambinti kuris trunka rezultatus ir statusą. 170 00:10:02,020 --> 00:10:05,905 Taigi pirmas dalykas, kurį reikia patikrinti, už API dokumentas google.maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Žemėlapiai 173 00:10:08,330 --> 00:10:11,550 >> Taigi, mes turime patikrinti būseną pamatyti, jei ji grįžo. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK kuris rodo, kad mes turime teisingą rezultatą. 175 00:10:16,820 --> 00:10:19,310 Jei mes neturime, tada mes ne gali padaryti. 176 00:10:19,310 --> 00:10:20,990 Tai gali būti neteisingas adresas. 177 00:10:20,990 --> 00:10:24,630 Arba API paslauga gali būti nustatyta, ar kas žino? 178 00:10:24,630 --> 00:10:29,980 Darant prielaidą, kad mes turime sėkmę rezultatą tada mes ketiname patraukti vietą iš 179 00:10:29,980 --> 00:10:30,790 rezultatas. 180 00:10:30,790 --> 00:10:34,220 Ir mes ketiname sukurti "Google" Žemėlapis apatiniame dešiniajame kampe, kad būtų 181 00:10:34,220 --> 00:10:38,870 centre ir toje vietoje ir atnaujinti autobusai žemėlapyje į tą vietą. 182 00:10:38,870 --> 00:10:41,620 >> Ir dabar mes turime atnaujinti "Google Earth" plug-in. 183 00:10:41,620 --> 00:10:45,340 Taigi, mes atnaujinti platumos ir ilgumos į uostą. 184 00:10:45,340 --> 00:10:50,570 Ir mes taip pat reikia atnaujinti shuttle.localAnchorCartesian nes jei 185 00:10:50,570 --> 00:10:55,250 pažvelgti shuttle.js, pamatysite, kad kad taip pat stebi platumos 186 00:10:55,250 --> 00:10:56,310 ir ilguma. 187 00:10:56,310 --> 00:10:59,490 Taigi, jei mes neturime atnaujinti, kad mes turime originalus platumos ir ilgumos 188 00:10:59,490 --> 00:11:01,330 saugomi paslėptas kažkur. 189 00:11:01,330 --> 00:11:06,490 Taigi atnaujinti, kad dabar mes vadiname shuttle.updateCamera atnaujinti 190 00:11:06,490 --> 00:11:09,070 ekrano ir parodyti mums mūsų naują vietą. 191 00:11:09,070 --> 00:11:10,380 Štai ir viskas. 192 00:11:10,380 --> 00:11:11,500 Mano vardas yra Rob. 193 00:11:11,500 --> 00:11:12,750 Ir tai buvo autobusas. 194 00:11:12,750 --> 00:11:18,080