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 Mi Rob. 4 00:00:13,780 --> 00:00:19,500 Kaj mi esperas ke vi pretas repreni kio Mi ekdormis aŭ metante malsupren, 5 00:00:19,500 --> 00:00:22,230 aŭ ni komencu. 6 00:00:22,230 --> 00:00:25,040 Do ni unue bezonas fari estas repreni. 7 00:00:25,040 --> 00:00:29,370 Nun, repreni tuj iros forigante la pasaĝeroj 'piktogramoj de la Google 8 00:00:29,370 --> 00:00:32,759 mapi la dekstra malsupra angulo kaj de la Google Earth en la centro de 9 00:00:32,759 --> 00:00:33,970 la ekrano. 10 00:00:33,970 --> 00:00:37,180 Do, por forigi tiujn ikonojn, ni bezonas havi la 11 00:00:37,180 --> 00:00:39,040 referencoj ilin ie. 12 00:00:39,040 --> 00:00:43,680 Sed nuntempe, la popoli funkcio nur liveras de ili. 13 00:00:43,680 --> 00:00:48,140 Do ni tuj devas modifi popoli teni ilin ĉirkaŭe. 14 00:00:48,140 --> 00:00:53,440 >> Nun ni unue vidos estas ke ni havi tutmondan pasaĝeroj tabelo. 15 00:00:53,440 --> 00:00:57,710 Kaj tial ni tuj uzas tiun tutmondan la pasaĝeroj tabelo en popoli. 16 00:00:57,710 --> 00:01:03,230 En popoli, ni vidas ke ni looping super ĉiuj niaj pasaĝeroj. 17 00:01:03,230 --> 00:01:10,420 Kaj temas pri tiu ĉi ciklo tio estas krei la meti markon por Google Earth kaj la 18 00:01:10,420 --> 00:01:12,540 markilo por la Google-mapo. 19 00:01:12,540 --> 00:01:16,420 Kaj do nun nia modifo popoli estas esti ĉi tie. 20 00:01:16,420 --> 00:01:21,760 Do ni aldonas al nia pasaĝeroj ' tabelo tiu objekto kiu gardas 21 00:01:21,760 --> 00:01:26,480 ĉirkaŭ la markilo kaj loko markon ni ĵus kreis kune kun la domo kaj 22 00:01:26,480 --> 00:01:28,460 nomo de la pasaĝero. 23 00:01:28,460 --> 00:01:30,560 >> Do jen ĝi por popoli. 24 00:01:30,560 --> 00:01:33,210 Nun ni bezonas rigardi repreni. 25 00:01:33,210 --> 00:01:38,540 Do en repreni, ni refoje tuj persisti super ĉiuj niaj pasaĝeroj. 26 00:01:38,540 --> 00:01:41,340 Sed nun ĝi estas nia tutmonda pasaĝeroj tabelo. 27 00:01:41,340 --> 00:01:46,150 Kaj tie ni vidas, ke bone, ili ni jam prenis ĉi pasaĝero? 28 00:01:46,150 --> 00:01:50,030 Ekde se ni reprenis ĉi pasaĝero, ni vidas en la fino, ke 29 00:01:50,030 --> 00:01:55,240 ni tuj starigu la markilo kaj la loko markon al nulaj ĉar ili estas neniu 30 00:01:55,240 --> 00:01:56,930 longe en la mapo de Google. 31 00:01:56,930 --> 00:02:00,920 >> Do, se ni jam prenis ĉi pasaĝero tiam ni ĵus tuj 32 00:02:00,920 --> 00:02:02,920 daŭrigi al la sekvanta pasaĝero. 33 00:02:02,920 --> 00:02:07,380 Alie, ni kontrolu, se tiu pasaĝero domo estas ene de la 34 00:02:07,380 --> 00:02:08,590 domo de la tabelo. 35 00:02:08,590 --> 00:02:11,900 Tiu estas la ĉekon ni bezonas certigi ke ni ne repreni la novulo kiel 36 00:02:11,900 --> 00:02:13,180 la spec diras. 37 00:02:13,180 --> 00:02:15,920 Do se la pasaĝeroj estas novulo, Ni tuj 38 00:02:15,920 --> 00:02:18,190 daŭrigi al la sekvanta pasaĝero. 39 00:02:18,190 --> 00:02:21,720 >> Iam ni kontrolis ke tiu estas pasaĝero ni devas repreni, 40 00:02:21,720 --> 00:02:25,340 ni nun tuj kontroli la latitudo kaj longitudo de la pasaĝero kaj vidu 41 00:02:25,340 --> 00:02:27,760 se tio estas ene 15 piedoj el la pramo. 42 00:02:27,760 --> 00:02:31,720 Se tio estas la kazo, ni vere volas repreni ĉi pasaĝero. 43 00:02:31,720 --> 00:02:35,890 Do ni integri super ĉiuj el la seĝoj en nia pramo rigardis por vidi se 44 00:02:35,890 --> 00:02:38,110 tie estas disponebla loko por la pasaĝero. 45 00:02:38,110 --> 00:02:41,540 Se unu el la sidejoj estas nula, tio estas disponebla loko. 46 00:02:41,540 --> 00:02:45,140 Do ni aldonu al la pasaĝero de la segxo. 47 00:02:45,140 --> 00:02:48,760 Ni memoru, ke ni prenis la pasaĝero tiel ke en la fino, ni povas 48 00:02:48,760 --> 00:02:52,450 anonci se ni efektive ne elektu iun supren. 49 00:02:52,450 --> 00:02:56,140 Ni memoru, ke ni sidas ĉi pasaĝero ekde se ni sukcesos ricevi 50 00:02:56,140 --> 00:02:59,320 tra la tuta pramo sen sidiĝante la pasaĝero, tiam ni bezonas 51 00:02:59,320 --> 00:03:00,885 anonci, ke ni estas el sidejoj. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Tiam ni forpreni ilian lokon marki de Google Earth. 54 00:03:06,885 --> 00:03:11,310 Ni forigu ilian markilo de Google Maps, starigis ene de nia pasaĝeroj ' 55 00:03:11,310 --> 00:03:14,830 tabelo lokon markon kaj markilo al nula kiel ni diris antaŭe. 56 00:03:14,830 --> 00:03:16,035 Kaj poste jen ĝi. 57 00:03:16,035 --> 00:03:17,050 La pasaĝeroj estis sidanta. 58 00:03:17,050 --> 00:03:19,570 Iam ni jam faris tion por ĉiuj pasaĝeroj ene 15 piedoj de la 59 00:03:19,570 --> 00:03:23,250 pramo, ni bezonas rechart. 60 00:03:23,250 --> 00:03:30,270 >> Do Chart estas kio okazas por montri la pasaĝeroj en la sidejoj super tie. 61 00:03:30,270 --> 00:03:32,760 Do nun, ni rigardu Chart. 62 00:03:32,760 --> 00:03:37,960 Interne de Chart, ni tuj estos konstruanta la HTML por la abako. 63 00:03:37,960 --> 00:03:41,160 Do la abako tuj estu ordigita listo. 64 00:03:41,160 --> 00:03:44,300 Tiam ni devos persisti super ĉiuj la seĝoj en nia pramo. 65 00:03:44,300 --> 00:03:48,450 Do se tiu aparta seĝo estas nula, ke signifas ke ni volas listeron ke 66 00:03:48,450 --> 00:03:50,800 indikas, ke ĝi estas malplena facila. 67 00:03:50,800 --> 00:03:55,650 Alie, se ĝi ne estis nula, ĉar ni volas listeron kiu tuj vidigi 68 00:03:55,650 --> 00:03:58,660 la nomo de la pasaĝero kaj la domo de la pasaĝero 69 00:03:58,660 --> 00:04:00,420 ke estas en tiu seĝo. 70 00:04:00,420 --> 00:04:04,620 >> Iam ni ripetis super ĉiuj el la sidejoj tiam ni fermas nian ordigitan liston 71 00:04:04,620 --> 00:04:09,410 kaj uzas jQuery elekti la abako div kaj anstataŭi ĝin estas HTML kun nia nova 72 00:04:09,410 --> 00:04:10,550 ordigita listo. 73 00:04:10,550 --> 00:04:12,090 Kaj tio estas por Chart. 74 00:04:12,090 --> 00:04:15,170 >> Do lasta afero estas Versxigxos ekstere. 75 00:04:15,170 --> 00:04:20,860 Nun Versxigxos ekstere tuj estos bela similaj repreni. 76 00:04:20,860 --> 00:04:24,150 Anstataŭ looping super ĉiuj el la pasaĝeroj, ni iras al buklo super 77 00:04:24,150 --> 00:04:25,780 ĉiuj el la pramo seĝojn. 78 00:04:25,780 --> 00:04:29,720 Do looping super la pramo seĝojn, ni vidas estas tiu aparta pramo segxo 79 00:04:29,720 --> 00:04:32,850 ne nula, en kiu kazo ekzistas pasaĝero en tiu seĝo. 80 00:04:32,850 --> 00:04:35,380 Se tio estas la kazo, ni volas ekpreni la latitudo kaj 81 00:04:35,380 --> 00:04:37,030 Longitudo de ĉi pasaĝero. 82 00:04:37,030 --> 00:04:42,110 >> Do uzante la domo de tabelo, ni estas tuj havigu la domo de la 83 00:04:42,110 --> 00:04:46,990 pasaĝero en tiu seĝo kaj do havigu la latitudo de tiu aparta domo 84 00:04:46,990 --> 00:04:49,070 kaj simile por longitudo. 85 00:04:49,070 --> 00:04:54,270 Nun, ni denove uzas distanco vidi en tiu domo estas ene de 30 metroj de ni. 86 00:04:54,270 --> 00:04:58,320 Se tio estas la kazo, ili volas agordi tiu sidloko al nula, ekde la pasaĝero 87 00:04:58,320 --> 00:05:01,760 estis forigita for, kaj pliigo ke pasaĝero estis forigita for. 88 00:05:01,760 --> 00:05:05,910 Tiel ke en la fino, se neniu estis falis ekstere, ni anoncas, ke neniu 89 00:05:05,910 --> 00:05:07,600 volas esti gutita ekstere tie. 90 00:05:07,600 --> 00:05:12,510 >> Fine, ni bezonas rechart tiel ke ni montros novan, malplenan seĝojn. 91 00:05:12,510 --> 00:05:15,770 Nun, vi nur bezonas apliki iuj ekstrajn funkciojn. 92 00:05:15,770 --> 00:05:17,680 Nun, ekzistas multe vi povus Mi elektis el. 93 00:05:17,680 --> 00:05:21,630 Sed en nia kazo ni implementado teleport, flugante, kaj rapidigo, kaj 94 00:05:21,630 --> 00:05:22,770 rapidanta suben. 95 00:05:22,770 --> 00:05:25,100 Do ni rigardu tiujn. 96 00:05:25,100 --> 00:05:27,830 Unue, ni rigardu la rapidigo trajto. 97 00:05:27,830 --> 00:05:32,720 Do, en nia kazo, en la klavofrapo funkcio, kie ni jam uzado 98 00:05:32,720 --> 00:05:39,900 ĉiuj el tiuj klavoj, ni ankaŭ tuj agnoski X kaj Z. Kiujn ni specifi 99 00:05:39,900 --> 00:05:43,720 ke tiuj signoj estas tuj kaŭzi la pramo rapideco al 100 00:05:43,720 --> 00:05:46,530 pliigi kaj malpliigi. 101 00:05:46,530 --> 00:05:50,940 >> Do rimarki, ke ni metu baro sur kiom alta kaj je kiom malalta la rapido povas 102 00:05:50,940 --> 00:05:55,030 efektive iru ĉar ni ne volas, la pramo al esti tro rapida. 103 00:05:55,030 --> 00:05:58,180 Kaj ni ankaŭ ne volas ke la pramo rapido iri al nulo aŭ eble 104 00:05:58,180 --> 00:06:01,480 eĉ negativa kio rezultos en iu stranga konduto. 105 00:06:01,480 --> 00:06:03,890 Kaj tio estas ĝi pro trorapideco supren kaj prokrasti. 106 00:06:03,890 --> 00:06:05,980 >> Nun, ni rigardu flugantan. 107 00:06:05,980 --> 00:06:11,370 Do memoru, ke la fluganta karakterizaĵo admonas vin eniri la Konami Kodo. 108 00:06:11,370 --> 00:06:18,070 Do supren al la supro, ni vidas ni havas kelkajn mallokajn variablojn, Konami Kodo, kiu estas 109 00:06:18,070 --> 00:06:20,975 a tabelo, kiu estas nur konservanta trako de la klavojn kiuj bezonas esti eniris por 110 00:06:20,975 --> 00:06:22,600 La Konami Kodo. 111 00:06:22,600 --> 00:06:26,340 Tie estas Bool kiuj simple indikas ĉu la Konami Kodo havas jam 112 00:06:26,340 --> 00:06:27,660 estis enirinta. 113 00:06:27,660 --> 00:06:30,430 Kaj tiam tie estas la indekson en La Konami Kodo tabelo tiu 114 00:06:30,430 --> 00:06:31,770 ni estas aktuale ĉe. 115 00:06:31,770 --> 00:06:36,020 >> Do, se la uzanto jam eniris tri karakteroj de la Konami Kodo 116 00:06:36,020 --> 00:06:40,530 tiam la indekso tuj atentigi al la kvara horo de la tabelo, la 117 00:06:40,530 --> 00:06:42,150 tria indekso. 118 00:06:42,150 --> 00:06:44,630 Uzanta ke, refoje ni rigardi klavo apopleksio. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 Kaj en ŝlosila streko ni vidas tie ke se La Konami Kodo ne jam estis 121 00:06:51,910 --> 00:06:58,410 eniris, do ni volas vidi estas la ŝlosilo kiu eniris kio ni estas 122 00:06:58,410 --> 00:07:01,250 aktuale atendas de La Konami Kodo tabelo. 123 00:07:01,250 --> 00:07:04,350 Se tio estas la kazo, tiam ni pliigo nia indekso. 124 00:07:04,350 --> 00:07:07,660 >> Se la uzanto tajpas Ĝis tiam indekso tuj iros al unu. 125 00:07:07,660 --> 00:07:10,280 Tiam la uzanto tajpas supren denove, la indekso iras al du. 126 00:07:10,280 --> 00:07:12,150 Poste ili tajpi malsupren, ĝi iros al tri. 127 00:07:12,150 --> 00:07:17,320 Se oni tajpas Q, tio devos restartigi al nulo ĉar ili ne kongruas 128 00:07:17,320 --> 00:07:20,140 la atendata valoro. 129 00:07:20,140 --> 00:07:24,810 Nun, se oni sukcesas akiri tra la tuta tabelo tiam ili jam eniris la 130 00:07:24,810 --> 00:07:26,280 Konami Kodo. 131 00:07:26,280 --> 00:07:33,960 En kiu kazo, nun ke Konami eniris Estas vera, ni vidas cxi tie ke se 132 00:07:33,960 --> 00:07:40,460 Konami estis enirinta, ni akceptas du novajn klavoj, C kaj E. Kiun ĉiuj tiuj faros 133 00:07:40,460 --> 00:07:45,800 estas fiksita la fluganta malsupren kaj flugante supren statojn en la pramo. 134 00:07:45,800 --> 00:07:48,530 Do jam ekzistas por vi. 135 00:07:48,530 --> 00:07:51,190 Vi nur bezonas preni avantaĝon de ili. 136 00:07:51,190 --> 00:07:52,890 Kaj tio estas por flugi. 137 00:07:52,890 --> 00:07:54,680 >> Lasta, ni teleport. 138 00:07:54,680 --> 00:08:00,710 Do ene de la HTML, ni vidas, ke ni aldonis enigo skatolon kaj 139 00:08:00,710 --> 00:08:02,270 teleport butonon. 140 00:08:02,270 --> 00:08:08,300 La skatolo havas ID adreson, kaj la butono havas ID teleport butonon. 141 00:08:08,300 --> 00:08:13,970 Nun unu ĝena iom detalo estas, ke se ni ne faras ion per okazaĵo 142 00:08:13,970 --> 00:08:19,210 kodogrupo except tiam kiam ni provu tajpi iu kiel A en la eniga kesto, 143 00:08:19,210 --> 00:08:25,250 anstataŭ reale ligi A, nia Google Tero iras por movi al la 144 00:08:25,250 --> 00:08:30,040 forlasis ekde A estas jam registrita manipuli movi maldekstren. 145 00:08:30,040 --> 00:08:35,100 >> Do la ĝena detalo estas, ke Kiam ni havas ŝlosilon malsupren aŭ ŝlosilo supren 146 00:08:35,100 --> 00:08:40,789 evento ene de la eniga kesto, ni volas al event.stop disvastigon kiu estas 147 00:08:40,789 --> 00:08:43,830 nur tuj malhelpi la glitante el la pramo. 148 00:08:43,830 --> 00:08:48,510 Iam tio estas manipulita, ni ankaŭ volas aldoni a traktilo por la teleport butonon. 149 00:08:48,510 --> 00:08:52,880 Kiam ni alklaku la teleport butonon, ni ekpreni la adreso, kiu estas la nuna 150 00:08:52,880 --> 00:08:57,580 valoro en la eniga kesto, kaj poste Ni nomas tiun teleport funkcio. 151 00:08:57,580 --> 00:09:00,910 >> Do, kion faras la teleport funkcio aspekti? 152 00:09:00,910 --> 00:09:04,840 Nu, unue ni vidas estas ke ni estas uzante geocoder. geocode. 153 00:09:04,840 --> 00:09:06,940 Do kio estas tio? 154 00:09:06,940 --> 00:09:10,330 Nu, se ni rigardas la supro, ni vidas ke ni havas novan 155 00:09:10,330 --> 00:09:13,860 malloka variablo, geocoder. 156 00:09:13,860 --> 00:09:17,500 Kaj tio estas tutmonda referenco al geocoding servon. 157 00:09:17,500 --> 00:09:19,380 Nun kion signifas ke faru por ni? 158 00:09:19,380 --> 00:09:23,810 Nu, en la eniga skatolo, mi tuj estos eniri iun kiel 33 Oksfordo 159 00:09:23,810 --> 00:09:26,040 Strato Kembriĝo, Masaĉuseco. 160 00:09:26,040 --> 00:09:28,580 Sed ni ne povas vere plenumi ion kun tio. 161 00:09:28,580 --> 00:09:31,760 Ni volas konverti ke latitudo kaj longitudo. 162 00:09:31,760 --> 00:09:34,940 Kaj tio estas kion la geocoding servo tuj faru por ni. 163 00:09:34,940 --> 00:09:40,630 Ĉe la malsupro de initcb, ni vidas, ke ni havos geocoder egalas nova 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder kiu inicializa ĉi variablo por ni. 165 00:09:45,830 --> 00:09:47,930 >> Do Reen al teleport. 166 00:09:47,930 --> 00:09:51,240 Ni vidas, ni uzas la geocoder. 167 00:09:51,240 --> 00:09:54,970 Ni geocoding la adreso kiu estis pasis al la teleport funkcio kiu 168 00:09:54,970 --> 00:09:57,450 estis kaptis el la eniga kesto. 169 00:09:57,450 --> 00:10:02,020 Kaj ni pasante lin alvokon reen kiu prenas rezultojn kaj statuso. 170 00:10:02,020 --> 00:10:05,905 Do ni unue bezonas por kontroli por la API dokumento de google.maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Mapoj 173 00:10:08,330 --> 00:10:11,550 >> Do ni devas kontroli la statuso por vidi, ĉu ĝi revenis. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK kio indikas, ke ni havas validan rezulton. 175 00:10:16,820 --> 00:10:19,310 Se ni ne, tiam ni ricevas, ne povas fari. 176 00:10:19,310 --> 00:10:20,990 Tiu povus esti malvalida adreso. 177 00:10:20,990 --> 00:10:24,630 Aŭ la API servo forteco estu suben aŭ kiu scias? 178 00:10:24,630 --> 00:10:29,980 Supozante ni havas sukceson rezulto tiam Ni tuj havigu la situon de 179 00:10:29,980 --> 00:10:30,790 la rezulton. 180 00:10:30,790 --> 00:10:34,220 Kaj ni tuj starigu la Google-mapo en la dekstra malsupra angulo esti 181 00:10:34,220 --> 00:10:38,870 centrita je tiu situo kaj ĝisdatigi la buso sur la mapo por ke situo. 182 00:10:38,870 --> 00:10:41,620 >> Kaj nun ni bezonas ĝisdatigi la Google Earth plug-in. 183 00:10:41,620 --> 00:10:45,340 Do ni ĝisdatigi la latitudo kaj Longitudo de la pramo. 184 00:10:45,340 --> 00:10:50,570 Kaj ni ankaŭ bezonas ĝisdatigi shuttle.localAnchorCartesian ekde se 185 00:10:50,570 --> 00:10:55,250 vi rigardas shuttle.js, vi vidos ke kiu same subtenas spuro de latitudo 186 00:10:55,250 --> 00:10:56,310 kaj longitudo. 187 00:10:56,310 --> 00:10:59,490 Do, se ni ne ĝisdatigos tio, ni havas la originalaj latitudo kaj longitudo 188 00:10:59,490 --> 00:11:01,330 stokita kaŝita ie. 189 00:11:01,330 --> 00:11:06,490 Do ĝisdatigi ke nun, ni nomas shuttle.updateCamera por refreŝigi la 190 00:11:06,490 --> 00:11:09,070 ekrano kaj montras al ni nia nova situo. 191 00:11:09,070 --> 00:11:10,380 Kaj tio estas ĝi. 192 00:11:10,380 --> 00:11:11,500 Mia nomo estas Rob. 193 00:11:11,500 --> 00:11:12,750 Kaj tio estis pramo. 194 00:11:12,750 --> 00:11:18,080