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 Sóc Rob. 4 00:00:13,780 --> 00:00:19,500 I espero que estigui llest per recollir el que Estic deixant o la col · locació, 5 00:00:19,500 --> 00:00:22,230 o anem a començar. 6 00:00:22,230 --> 00:00:25,040 Així que el primer que necessitem de fer és recollir. 7 00:00:25,040 --> 00:00:29,370 Ara, recull que es va a retirar la Icones dels passatgers del Google 8 00:00:29,370 --> 00:00:32,759 mapa a la cantonada inferior dreta i de Google Earth al centre de 9 00:00:32,759 --> 00:00:33,970 la pantalla. 10 00:00:33,970 --> 00:00:37,180 Així que per tal d'eliminar els icones, hem de tenir la 11 00:00:37,180 --> 00:00:39,040 les referències a ells en algun lloc. 12 00:00:39,040 --> 00:00:43,680 Però en l'actualitat, la funció Populate només es desfà d'ells. 13 00:00:43,680 --> 00:00:48,140 Així que anem a haver de modificar poblar per mantenir al seu voltant. 14 00:00:48,140 --> 00:00:53,440 >> Ara el primer que veurem és que comptin amb un conjunt de passatgers global. 15 00:00:53,440 --> 00:00:57,710 Així que anem a utilitzar que els de nivell mundial passatgers matriu a Populate. 16 00:00:57,710 --> 00:01:03,230 En Populate, veiem que estem en bucle sobre la totalitat dels nostres passatgers. 17 00:01:03,230 --> 00:01:10,420 I és aquest bucle que està creant la col · locar la marca de Google Earth i el 18 00:01:10,420 --> 00:01:12,540 marcador per al Google Map. 19 00:01:12,540 --> 00:01:16,420 I pel que ara la nostra modificació per poblar és estar aquí. 20 00:01:16,420 --> 00:01:21,760 Així que estem afegint als nostres passatgers " array aquest objecte que és mantenir 21 00:01:21,760 --> 00:01:26,480 al voltant de la marca de marcador i el lloc que acabem de creat juntament amb la casa i 22 00:01:26,480 --> 00:01:28,460 nom del passatger. 23 00:01:28,460 --> 00:01:30,560 >> Així que això és tot per Populate. 24 00:01:30,560 --> 00:01:33,210 Ara hem de mirar a recollir. 25 00:01:33,210 --> 00:01:38,540 Així que en Pick Up, estem un cop més va a iterar sobre tots els nostres passatgers. 26 00:01:38,540 --> 00:01:41,340 Però ara és el nostre mundial passatgers matriu. 27 00:01:41,340 --> 00:01:46,150 I aquí estem veient que així, hem que ja va recollir aquest passatge? 28 00:01:46,150 --> 00:01:50,030 Atès que si hem recollit aquesta passatgers, veiem al final que 29 00:01:50,030 --> 00:01:55,240 establirem el marcador i el lloc marca en nul ja que són no 30 00:01:55,240 --> 00:01:56,930 Ja al mapa de Google. 31 00:01:56,930 --> 00:02:00,920 >> Així que si ja hem recollit aquesta passatger llavors només anem a 32 00:02:00,920 --> 00:02:02,920 continuar amb el següent passatger. 33 00:02:02,920 --> 00:02:07,380 Si no, comprovem per veure si això la casa dels passatgers està a l'interior de la 34 00:02:07,380 --> 00:02:08,590 varietat de casa. 35 00:02:08,590 --> 00:02:11,900 Aquest és el registre d'entrada és necessari per assegurar-se que que nosaltres no recollim l'estudiant de primer any com 36 00:02:11,900 --> 00:02:13,180 l'especificació diu. 37 00:02:13,180 --> 00:02:15,920 Així que si el passatger és un estudiant de primer any, anem a 38 00:02:15,920 --> 00:02:18,190 continuar amb el següent passatger. 39 00:02:18,190 --> 00:02:21,720 >> Un cop haguem verificat que es tracta d'una passatgers que s'ha de recollir, 40 00:02:21,720 --> 00:02:25,340 ara anem a comprovar la latitud i la longitud del passatger i veure 41 00:02:25,340 --> 00:02:27,760 si això és dins dels 15 peus de la llançadora. 42 00:02:27,760 --> 00:02:31,720 Si aquest és el cas, que realment volem per recollir aquest passatger. 43 00:02:31,720 --> 00:02:35,890 Així que integrem sobre tots els seients en el nostre servei de trasllat mirant per veure si 44 00:02:35,890 --> 00:02:38,110 hi ha un lloc disponible per al passatger. 45 00:02:38,110 --> 00:02:41,540 Si un dels seients és nul, això és un lloc disponible. 46 00:02:41,540 --> 00:02:45,140 Així que afegim el passatger al seient. 47 00:02:45,140 --> 00:02:48,760 Recordem que vam recollir la passatger, de manera que, al final, puguem 48 00:02:48,760 --> 00:02:52,450 anunciar si en realitat no triar a ningú. 49 00:02:52,450 --> 00:02:56,140 Recordem que estem asseguts aquesta passatgers ja que si aconseguim que 50 00:02:56,140 --> 00:02:59,320 a través de tot el servei de transport sense seient del passatger, llavors hem de 51 00:02:59,320 --> 00:03:00,885 Anunciem que estem fora de seients. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Després traiem el seu lloc marcar des de Google Earth. 54 00:03:06,885 --> 00:03:11,310 Traiem el seu marcador de mapes de Google, situada a l'interior dels nostres passatgers " 55 00:03:11,310 --> 00:03:14,830 lloc array marca i el marcador null com hem dit abans. 56 00:03:14,830 --> 00:03:16,035 I llavors això és tot. 57 00:03:16,035 --> 00:03:17,050 El passatger s'ha assegut. 58 00:03:17,050 --> 00:03:19,570 Un cop ho hem fet per a tots els passatgers dins dels 15 peus del 59 00:03:19,570 --> 00:03:23,250 llançadora, necessitem rechart. 60 00:03:23,250 --> 00:03:30,270 >> Així Chart és el que va a mostrar la passatgers en els seients més aquí. 61 00:03:30,270 --> 00:03:32,760 Així que ara, anem a veure Gràfic. 62 00:03:32,760 --> 00:03:37,960 Dins del gràfic, serem construir l'HTML per al gràfic. 63 00:03:37,960 --> 00:03:41,160 Així que el gràfic es va a serà una llista ordenada. 64 00:03:41,160 --> 00:03:44,300 Llavors anem a iterar sobre tots els seients del nostre transport. 65 00:03:44,300 --> 00:03:48,450 Així que si aquest seient en particular és nul · la, vol dir que volem un element de la llista que 66 00:03:48,450 --> 00:03:50,800 indica que es tracta d'un simple buit. 67 00:03:50,800 --> 00:03:55,650 Si no, si no fos nul, llavors volem un element de la llista que es mostrarà 68 00:03:55,650 --> 00:03:58,660 el nom del passatger i la casa del passatger 69 00:03:58,660 --> 00:04:00,420 això és en aquest seient. 70 00:04:00,420 --> 00:04:04,620 >> Un cop hem repeteixen al llarg de tot el seients llavors tanquem la nostra llista ordenada 71 00:04:04,620 --> 00:04:09,410 i usar jQuery per seleccionar el div gràfic i reemplaçar és HTML amb el nostre nou 72 00:04:09,410 --> 00:04:10,550 llista ordenada. 73 00:04:10,550 --> 00:04:12,090 I això és tot per carta. 74 00:04:12,090 --> 00:04:15,170 >> Així que l'últim que cauen. 75 00:04:15,170 --> 00:04:20,860 Ara deixar serà bastant similar a recollir-lo. 76 00:04:20,860 --> 00:04:24,150 En lloc d'un bucle sobre tots els passatgers, anem a reproduir indefinidament 77 00:04:24,150 --> 00:04:25,780 tots els seients del transbordador. 78 00:04:25,780 --> 00:04:29,720 Així bucle sobre els seients del transbordador, que veure és aquest seient llançadora especial 79 00:04:29,720 --> 00:04:32,850 no és nul, en aquest cas cal un passatger en aquest seient. 80 00:04:32,850 --> 00:04:35,380 Si aquest és el cas, volem per prendre la latitud i 81 00:04:35,380 --> 00:04:37,030 longitud d'aquest passatger. 82 00:04:37,030 --> 00:04:42,110 >> Així, utilitzant varietat de la casa, estem va a agafar la casa del 83 00:04:42,110 --> 00:04:46,990 passatger en aquest seient i després agafar el latitud d'aquesta casa en particular 84 00:04:46,990 --> 00:04:49,070 i de manera similar per a la longitud. 85 00:04:49,070 --> 00:04:54,270 Ara, un cop més fem servir a distància per veure en aquesta casa es troba a 30 metres de nosaltres. 86 00:04:54,270 --> 00:04:58,320 Si aquest és el cas, volen establir aquest assentament en nul, ja que el passatger 87 00:04:58,320 --> 00:05:01,760 va ser caigut apagat, i l'increment que un passatger va ser deixat. 88 00:05:01,760 --> 00:05:05,910 Així que al final, si no hi havia ningú deixats, anunciem que ningú 89 00:05:05,910 --> 00:05:07,600 vol ser deixat aquí. 90 00:05:07,600 --> 00:05:12,510 >> Finalment, hem de rechart perquè presentem nous seients buits. 91 00:05:12,510 --> 00:05:15,770 Ara, només ha de posar en pràctica algunes característiques addicionals. 92 00:05:15,770 --> 00:05:17,680 Ara, hi ha moltes coses que vostè podria han optat per. 93 00:05:17,680 --> 00:05:21,630 Però en el nostre cas hem implementat teleport, volar, i accelerar i 94 00:05:21,630 --> 00:05:22,770 excés de velocitat cap avall. 95 00:05:22,770 --> 00:05:25,100 Així que donem una ullada als. 96 00:05:25,100 --> 00:05:27,830 En primer lloc, anem a fer una ullada a l'acceleració característica. 97 00:05:27,830 --> 00:05:32,720 Així que en el nostre cas, en el cop de teclat funció, en els quals ja estem manejant 98 00:05:32,720 --> 00:05:39,900 totes aquestes tecles, també anem a reconèixer X i Z. El que especifiquem 99 00:05:39,900 --> 00:05:43,720 que aquests personatges van a causar la velocitat del servei de transport a 100 00:05:43,720 --> 00:05:46,530 augmentar i disminuir. 101 00:05:46,530 --> 00:05:50,940 >> Així notem que posem un límit sobre com d'alçada i en com una baixa la velocitat pot 102 00:05:50,940 --> 00:05:55,030 realment anar ja que no volem el servei de transport que sigui massa ràpid. 103 00:05:55,030 --> 00:05:58,180 I també no volem que el servei de transport de velocitat per anar a zero o possiblement 104 00:05:58,180 --> 00:06:01,480 fins i tot negatiu que resultarà en algun comportament estrany. 105 00:06:01,480 --> 00:06:03,890 I això és tot per excés de velocitat i desacceleració. 106 00:06:03,890 --> 00:06:05,980 >> Ara, donem una ullada a vol. 107 00:06:05,980 --> 00:06:11,370 Així que recorda que la funció de volar requereix que s'introdueixi el codi de Konami. 108 00:06:11,370 --> 00:06:18,070 Així que a la part superior, veiem que tenim una mica de variables globals, Codi Konami que és 109 00:06:18,070 --> 00:06:20,975 un conjunt que acaba de fer el seguiment de la tecles que necessiten ser introduït per 110 00:06:20,975 --> 00:06:22,600 el Codi Konami. 111 00:06:22,600 --> 00:06:26,340 Hi ha un Bool que només indica si el Codi Konami ja té 112 00:06:26,340 --> 00:06:27,660 estat introduït. 113 00:06:27,660 --> 00:06:30,430 I després hi ha l'índex en la matriu Codi Konami que 114 00:06:30,430 --> 00:06:31,770 estem actualment. 115 00:06:31,770 --> 00:06:36,020 >> Així que si l'usuari ja ha entrat en tres caràcters del codi de Konami 116 00:06:36,020 --> 00:06:40,530 a continuació, l'índex es va a assenyalar la quarta hora de la matriu, el 117 00:06:40,530 --> 00:06:42,150 tercera índex. 118 00:06:42,150 --> 00:06:44,630 L'ús que, un cop més anem a mirar a cop de tecla. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 I en cop de tecla que veiem aquí que si el Codi Konami ja no ha estat 121 00:06:51,910 --> 00:06:58,410 va entrar, llavors volem veure és el clau que es va ingressar a què ens 122 00:06:58,410 --> 00:07:01,250 Actualment esperant de la matriu Codi Konami. 123 00:07:01,250 --> 00:07:04,350 Si aquest és el cas, llavors incrementem l'índex. 124 00:07:04,350 --> 00:07:07,660 >> Si l'usuari escriu Fins llavors índex anirà a un. 125 00:07:07,660 --> 00:07:10,280 Llavors l'usuari escriurà de nou, l'índex va a dos. 126 00:07:10,280 --> 00:07:12,150 Llavors ells escriuen baix, anirà a tres. 127 00:07:12,150 --> 00:07:17,320 Si tipus Q, que va a restaurar a zero, ja que no coincideixen 128 00:07:17,320 --> 00:07:20,140 el valor esperat. 129 00:07:20,140 --> 00:07:24,810 Ara bé, si es fan per aconseguir a través de la matriu completa a continuació que han entrat a la 130 00:07:24,810 --> 00:07:26,280 Codi Konami. 131 00:07:26,280 --> 00:07:33,960 En aquest cas, ara que Konami va entrar És cert, veiem aquí que si 132 00:07:33,960 --> 00:07:40,460 Konami s'ha introduït, acceptem dos nous tecles, C i E. Què tots aquells farà 133 00:07:40,460 --> 00:07:45,800 s'estableix la volar cap avall i volar estats a l'alça en el servei de transport. 134 00:07:45,800 --> 00:07:48,530 Així que ja existeixen per a vostè. 135 00:07:48,530 --> 00:07:51,190 Vostè només ha de prendre aprofitar-se'n. 136 00:07:51,190 --> 00:07:52,890 I això és tot per volar. 137 00:07:52,890 --> 00:07:54,680 >> Finalment, hem teletransportar. 138 00:07:54,680 --> 00:08:00,710 Així que dins del codi HTML, veiem que hem afegit un quadre d'entrada i una 139 00:08:00,710 --> 00:08:02,270 botó de teletransportar. 140 00:08:02,270 --> 00:08:08,300 La caixa té direcció ID, i el botó de té un botó de teleport ID. 141 00:08:08,300 --> 00:08:13,970 Ara un petit detall molest és que si no fem res amb l'esdeveniment 142 00:08:13,970 --> 00:08:19,210 manipuladors llavors quan tractem d'escriure una mena A en el quadre d'entrada, 143 00:08:19,210 --> 00:08:25,250 en lloc de realment lligar A, el nostre Google Terra passarà a la 144 00:08:25,250 --> 00:08:30,040 A l'esquerra ja que ja està registrat de control de moviment a l'esquerra. 145 00:08:30,040 --> 00:08:35,100 >> Així el detall molest aquí és que quan tenim una tecla o la tecla de dalt 146 00:08:35,100 --> 00:08:40,789 esdeveniment a l'interior de la caixa d'entrada, volem a event.stop propagació que és 147 00:08:40,789 --> 00:08:43,830 només va a evitar que l' lliscament de la llançadora. 148 00:08:43,830 --> 00:08:48,510 Una vegada que ho fa servir, també volem afegir un controlador per al botó de teletransport. 149 00:08:48,510 --> 00:08:52,880 Quan fem clic al botó de teletransport, que agafar la direcció, que és l'actual 150 00:08:52,880 --> 00:08:57,580 valor en el quadre d'entrada, i després cridem a aquesta funció teleport. 151 00:08:57,580 --> 00:09:00,910 >> Així que el que fa el teleport funció sembla? 152 00:09:00,910 --> 00:09:04,840 Bé, el primer que veiem és que estem utilitzant geocodificador. geocodificar. 153 00:09:04,840 --> 00:09:06,940 Llavors, què és això? 154 00:09:06,940 --> 00:09:10,330 Bé, si ens fixem en la part superior, veiem que tenim un nou 155 00:09:10,330 --> 00:09:13,860 variable global, geocodificador. 156 00:09:13,860 --> 00:09:17,500 I això és una referència mundial a un servei de geocodificació. 157 00:09:17,500 --> 00:09:19,380 Ara què fer per nosaltres? 158 00:09:19,380 --> 00:09:23,810 Doncs bé, en el quadre d'entrada, jo seré entrar en una mena 33 Oxford 159 00:09:23,810 --> 00:09:26,040 Carrer de Cambridge, Massachusetts. 160 00:09:26,040 --> 00:09:28,580 Però en realitat no podem fer res amb això. 161 00:09:28,580 --> 00:09:31,760 Volem convertir això a latitud i longitud. 162 00:09:31,760 --> 00:09:34,940 I això és el que el servei de geocodificació que farà per nosaltres. 163 00:09:34,940 --> 00:09:40,630 A la part inferior de initcb, veiem que tenim geocodificador és igual a nou 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder que inicialitza aquesta variable per a nosaltres. 165 00:09:45,830 --> 00:09:47,930 >> Així que tornem a teletransportar. 166 00:09:47,930 --> 00:09:51,240 Veiem que estem usant el geocodificador. 167 00:09:51,240 --> 00:09:54,970 Estem geocodificació de la direcció que era passa a la funció de teletransport que 168 00:09:54,970 --> 00:09:57,450 es va agafar de la caixa d'entrada. 169 00:09:57,450 --> 00:10:02,020 I estem passant a una trucada de tornada que es porta a resultats i l'estat. 170 00:10:02,020 --> 00:10:05,905 Així que el primer que hem de comprovar per el document de l'API de google.maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Mapes 173 00:10:08,330 --> 00:10:11,550 >> Així que hem de comprovar l'estat per veure si és retornat. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK que indica que tenim un resultat vàlid. 175 00:10:16,820 --> 00:10:19,310 Si no ho fem, llavors tenim, no es pot fer. 176 00:10:19,310 --> 00:10:20,990 Això podria ser una adreça no vàlida. 177 00:10:20,990 --> 00:10:24,630 O el poder de servei API estar sota o qui sap? 178 00:10:24,630 --> 00:10:29,980 Suposant que tenim un resultat d'èxit llavors anem a agafar la ubicació des de la 179 00:10:29,980 --> 00:10:30,790 el resultat. 180 00:10:30,790 --> 00:10:34,220 I anem a establir el Google Map a la cantonada inferior dreta per ser 181 00:10:34,220 --> 00:10:38,870 centrada en aquesta ubicació i actualitzar el bus al mapa per aquesta ubicació. 182 00:10:38,870 --> 00:10:41,620 >> I ara hem de actualitzar el Google Earth Plug-in. 183 00:10:41,620 --> 00:10:45,340 Així que ens posem al dia la latitud i longitud de la llançadora. 184 00:10:45,340 --> 00:10:50,570 I també hem de actualitzar shuttle.localAnchorCartesian ja que si 185 00:10:50,570 --> 00:10:55,250 ens fixem en shuttle.js, veuràs que que també realitza un seguiment de la latitud 186 00:10:55,250 --> 00:10:56,310 i longitud. 187 00:10:56,310 --> 00:10:59,490 Així que si no actualitzem això, tenim la latitud i longitud original, 188 00:10:59,490 --> 00:11:01,330 emmagatzemat amagat en algun lloc. 189 00:11:01,330 --> 00:11:06,490 Així que l'actualització que ara, que anomenem shuttle.updateCamera per actualitzar la 190 00:11:06,490 --> 00:11:09,070 defensar i per mostrar la nostra nova ubicació. 191 00:11:09,070 --> 00:11:10,380 I això és tot. 192 00:11:10,380 --> 00:11:11,500 El meu nom és Rob. 193 00:11:11,500 --> 00:11:12,750 I això va ser trasllat. 194 00:11:12,750 --> 00:11:18,080