1 00:00:00,000 --> 00:00:11,712 2 00:00:11,712 --> 00:00:12,850 >> ROB BOWDEN: Привет. 3 00:00:12,850 --> 00:00:13,780 Я Роб. 4 00:00:13,780 --> 00:00:19,500 І я сподіваюся, що ви будете готові, щоб забрати те, що Я переривають або проставлення, 5 00:00:19,500 --> 00:00:22,230 або давайте почнемо. 6 00:00:22,230 --> 00:00:25,040 Отже, спочатку, що нам потрібно щоб зробити, це забрати. 7 00:00:25,040 --> 00:00:29,370 Тепер, забрати збирається бути видалення іконки пасажирські від Google 8 00:00:29,370 --> 00:00:32,759 карту в правому нижньому кутку і від Google Earth в центрі 9 00:00:32,759 --> 00:00:33,970 екран. 10 00:00:33,970 --> 00:00:37,180 Так що для того, щоб видалити ті, ікони, ми повинні мати 11 00:00:37,180 --> 00:00:39,040 посилання на них десь. 12 00:00:39,040 --> 00:00:43,680 Але в даний час, функція Заповнити просто позбавляється від них. 13 00:00:43,680 --> 00:00:48,140 Таким чином, ми будемо мати, щоб змінити заповнити, щоб тримати їх навколо. 14 00:00:48,140 --> 00:00:53,440 >> Тепер перше, що ми побачимо, що ми є глобальний масив пасажирів. 15 00:00:53,440 --> 00:00:57,710 І таким чином ми збираємося використовувати, що глобальні років Масив пасажирів в заселити. 16 00:00:57,710 --> 00:01:03,230 У запалення, ми бачимо, що ми пробігаємо над усіма нашими пасажирами. 17 00:01:03,230 --> 00:01:10,420 І саме це цикл, який створює розмістити знак для Google Планета Земля і 18 00:01:10,420 --> 00:01:12,540 Маркер для Google Map. 19 00:01:12,540 --> 00:01:16,420 І ось тепер наша модифікація для заповнення повинна бути тут. 20 00:01:16,420 --> 00:01:21,760 Так ми додаємо до наших пасажирам " Масив це об'єкт, який тримає 21 00:01:21,760 --> 00:01:26,480 навколо маркера і місце знака ми просто створений разом з будинком і 22 00:01:26,480 --> 00:01:28,460 ім'я пасажира. 23 00:01:28,460 --> 00:01:30,560 >> Так ось воно що для заповнення. 24 00:01:30,560 --> 00:01:33,210 Тепер ми повинні дивитися на забрати. 25 00:01:33,210 --> 00:01:38,540 Таким чином, в забрати, ми в черговий раз збирається перебору всіх наших пасажирів. 26 00:01:38,540 --> 00:01:41,340 Але тепер це наша глобальна пасажири масив. 27 00:01:41,340 --> 00:01:46,150 І ось ми бачимо, що добре, вже ми вже взяв цю пасажира? 28 00:01:46,150 --> 00:01:50,030 Так, якщо ми підібрали це пасажир, ми бачимо в кінці, що 29 00:01:50,030 --> 00:01:55,240 ми збираємося встановити маркер і місце знак в нуль, так як вони не 30 00:01:55,240 --> 00:01:56,930 більше в карті Google. 31 00:01:56,930 --> 00:02:00,920 >> Так що, якщо ми вже взяв це пасажир, то ми просто будемо 32 00:02:00,920 --> 00:02:02,920 перейти до наступного пасажира. 33 00:02:02,920 --> 00:02:07,380 В іншому випадку, ми перевіряємо, якщо це Будинок пасажира знаходиться всередині 34 00:02:07,380 --> 00:02:08,590 Масив будинку. 35 00:02:08,590 --> 00:02:11,900 Це перевірка, ми повинні переконатися, що ми не забрати новачка як 36 00:02:11,900 --> 00:02:13,180 специфікація каже. 37 00:02:13,180 --> 00:02:15,920 Так що, якщо пасажир не на першому курсі, ми збираємося 38 00:02:15,920 --> 00:02:18,190 перейти до наступного пасажира. 39 00:02:18,190 --> 00:02:21,720 >> Як тільки ми переконалися, що це пасажир ми повинні бути збирання, 40 00:02:21,720 --> 00:02:25,340 Тепер ми збираємося перевірити широту і довгота пасажира і подивитися, 41 00:02:25,340 --> 00:02:27,760 якщо це в межах 15 футів човника. 42 00:02:27,760 --> 00:02:31,720 Якщо це так, ми насправді хочемо забрати цього пасажира. 43 00:02:31,720 --> 00:02:35,890 Таким чином, ми інтегруємо по всі місця в нашій трансфер дивився, якщо 44 00:02:35,890 --> 00:02:38,110 є в наявності місце для пасажира. 45 00:02:38,110 --> 00:02:41,540 Якщо один з місць є порожнім, ось доступні місце. 46 00:02:41,540 --> 00:02:45,140 Так ми додаємо пасажира до сидіння. 47 00:02:45,140 --> 00:02:48,760 Ми пам'ятаємо, що ми підібрали пасажирські, так що врешті-решт, ми можемо 48 00:02:48,760 --> 00:02:52,450 оголосити, якщо ми насправді не обирав нікого до. 49 00:02:52,450 --> 00:02:56,140 Ми пам'ятаємо, що ми посадили це пасажир, тому що якщо нам вдасться отримати 50 00:02:56,140 --> 00:02:59,320 через весь трансфер без сидіння пасажира, то ми повинні 51 00:02:59,320 --> 00:03:00,885 повідомити, що ми з місць. 52 00:03:00,885 --> 00:03:03,760 53 00:03:03,760 --> 00:03:06,885 >> Тоді ми видаляємо їх місце відзначити з Google Планета Земля. 54 00:03:06,885 --> 00:03:11,310 Знімаємо їх маркер від Google Maps, встановити всередині наших пасажирів " 55 00:03:11,310 --> 00:03:14,830 Масив місце знак і маркер в нуль, як ми вже говорили раніше. 56 00:03:14,830 --> 00:03:16,035 А потім от і все. 57 00:03:16,035 --> 00:03:17,050 Пасажир був засаджений. 58 00:03:17,050 --> 00:03:19,570 Як тільки ми це зробили, для всіх пасажирів протягом 15 футів 59 00:03:19,570 --> 00:03:23,250 Трансфер, ми повинні rechart. 60 00:03:23,250 --> 00:03:30,270 >> Так Діаграма, що відбувається, щоб відобразити пасажирів в сидіннях тут. 61 00:03:30,270 --> 00:03:32,760 Так що тепер, давайте подивимося на Chart. 62 00:03:32,760 --> 00:03:37,960 Усередині Chart, ми збираємося бути побудови HTML для діаграми. 63 00:03:37,960 --> 00:03:41,160 Таким чином, схема збирається бути впорядкований список. 64 00:03:41,160 --> 00:03:44,300 Тоді ми будемо перебирати всі місця в нашому трансферному автобусі. 65 00:03:44,300 --> 00:03:48,450 Так що, якщо цей конкретний сидіння порожній, що означає, що ми хочемо елемент списку, що 66 00:03:48,450 --> 00:03:50,800 вказує, що це марна легко. 67 00:03:50,800 --> 00:03:55,650 В іншому випадку, якщо це не було порожнім, то ми хочемо Елемент списку, який буде відображати 68 00:03:55,650 --> 00:03:58,660 ім'я пасажира і будинок пасажира 69 00:03:58,660 --> 00:04:00,420 ось на цьому місці. 70 00:04:00,420 --> 00:04:04,620 >> Як тільки ми ітерації все сидіння, то ми закриваємо наш впорядкований список 71 00:04:04,620 --> 00:04:09,410 і використовувати JQuery для вибору діаграми DIV і замінити це HTML з нашим новим 72 00:04:09,410 --> 00:04:10,550 упорядкований список. 73 00:04:10,550 --> 00:04:12,090 І це все для Chart. 74 00:04:12,090 --> 00:04:15,170 >> Так останнє, що є йдуть. 75 00:04:15,170 --> 00:04:20,860 Тепер йдуть буде дуже схожі, щоб забрати. 76 00:04:20,860 --> 00:04:24,150 Замість проходу над усіма пасажири, ми збираємося для перебору 77 00:04:24,150 --> 00:04:25,780 всі місця трансферу. 78 00:04:25,780 --> 00:04:29,720 Так цикл над сидіннями човникових, ми см. це зокрема сидіння трансфер 79 00:04:29,720 --> 00:04:32,850 не нульовий, і в цьому випадку є пасажир на цьому місці. 80 00:04:32,850 --> 00:04:35,380 Якщо це так, ми хочемо захопити широту і 81 00:04:35,380 --> 00:04:37,030 довгота цього пасажира. 82 00:04:37,030 --> 00:04:42,110 >> Таким чином, використовуючи масив грального будинку, ми збирається захопити будинок 83 00:04:42,110 --> 00:04:46,990 пасажир на цьому місці, а потім захопити широта цього конкретного будинку 84 00:04:46,990 --> 00:04:49,070 і аналогічно для довготи. 85 00:04:49,070 --> 00:04:54,270 Тепер ми ще раз використати відстань, щоб побачити в цьому будинку знаходиться в межах 30 футів від нас. 86 00:04:54,270 --> 00:04:58,320 Якщо це так, вони хочуть, щоб встановити це місце до нуля, так як пасажир 87 00:04:58,320 --> 00:05:01,760 був залишений, і приріст, що пасажир був залишений. 88 00:05:01,760 --> 00:05:05,910 Так що врешті-решт, якщо ніхто не був висадили, ми оголошуємо, що ніхто 89 00:05:05,910 --> 00:05:07,600 хоче бути висадили тут. 90 00:05:07,600 --> 00:05:12,510 >> Нарешті, ми повинні rechart так, щоб ми представляємо нові, порожні місця. 91 00:05:12,510 --> 00:05:15,770 Тепер, потрібно просто реалізувати деякі додаткові функції. 92 00:05:15,770 --> 00:05:17,680 Тепер, є багато ви могли б вибрали з. 93 00:05:17,680 --> 00:05:21,630 Але в нашому випадку ми реалізували телепорт, літати, і прискорення, і 94 00:05:21,630 --> 00:05:22,770 перевищення швидкості вниз. 95 00:05:22,770 --> 00:05:25,100 Отже, давайте поглянемо на них. 96 00:05:25,100 --> 00:05:27,830 По-перше, давайте поглянемо на прискорюючи особливість. 97 00:05:27,830 --> 00:05:32,720 Таким чином, в нашому випадку, в клавіші Функція, де ми вже зайнятий 98 00:05:32,720 --> 00:05:39,900 всі ці ключі, ми також збираємося визнати X і Z. Який ми вказати 99 00:05:39,900 --> 00:05:43,720 що ці герої йдуть в привести швидкість шатла до 100 00:05:43,720 --> 00:05:46,530 збільшення та зменшення. 101 00:05:46,530 --> 00:05:50,940 >> Так помітити, що ми ставимо оцінку про те, як високою і від того, як низько швидкість може 102 00:05:50,940 --> 00:05:55,030 насправді піти, так як ми не хочемо Трансфер занадто швидко. 103 00:05:55,030 --> 00:05:58,180 І ми також не хочемо, щоб шаттла швидкість йти до нуля або, можливо, 104 00:05:58,180 --> 00:06:01,480 навіть негативним, що призведе в якомусь дивному поведінці. 105 00:06:01,480 --> 00:06:03,890 І це все за перевищення швидкості і уповільнення. 106 00:06:03,890 --> 00:06:05,980 >> Тепер давайте поглянемо на політ. 107 00:06:05,980 --> 00:06:11,370 Так що пам'ятайте, що літати функція вимагає від вас, щоб увійти в Konami код. 108 00:06:11,370 --> 00:06:18,070 Так на вершині, ми бачимо, у нас є деякі глобальні змінні, Konami код, який є 109 00:06:18,070 --> 00:06:20,975 Масив, просто відстеження ключі, які повинні бути введені для 110 00:06:20,975 --> 00:06:22,600 Konami код. 111 00:06:22,600 --> 00:06:26,340 Там в Bool який просто вказує чи має вже Konami код 112 00:06:26,340 --> 00:06:27,660 був введений. 113 00:06:27,660 --> 00:06:30,430 А тут ще індекс у масив Konami Код, 114 00:06:30,430 --> 00:06:31,770 ми в даний час. 115 00:06:31,770 --> 00:06:36,020 >> Таким чином, якщо користувач вже увійшов три герої Konami кодексу 116 00:06:36,020 --> 00:06:40,530 то індекс буде вказувати на Четверте, що в масиві, 117 00:06:40,530 --> 00:06:42,150 третій індекс. 118 00:06:42,150 --> 00:06:44,630 Користуючись тим, що, в черговий раз ми будемо дивитися на клавіші клавіатури. 119 00:06:44,630 --> 00:06:48,040 120 00:06:48,040 --> 00:06:51,910 А в ключовий інсульту ми бачимо тут, що якщо Konami код ще не був 121 00:06:51,910 --> 00:06:58,410 увійшов, то ми хочемо бачити це ключ, який був введений, що ми 122 00:06:58,410 --> 00:07:01,250 В даний час очікують від масив Konami код. 123 00:07:01,250 --> 00:07:04,350 Якщо це так, то ми збільшуємо наш індекс. 124 00:07:04,350 --> 00:07:07,660 >> Якщо користувач вгору, то індекс збирається піти в один. 125 00:07:07,660 --> 00:07:10,280 Потім користувач набере знову, індекс йде до двох. 126 00:07:10,280 --> 00:07:12,150 Тоді вони будуть ввести вниз, він буде йти до трьох. 127 00:07:12,150 --> 00:07:17,320 Якщо вони введуть Q, то це скидається в нулю, так як вони не відповідали 128 00:07:17,320 --> 00:07:20,140 очікуване значення. 129 00:07:20,140 --> 00:07:24,810 Тепер, якщо їм вдається одержати через весь масив, то вони ввели 130 00:07:24,810 --> 00:07:26,280 Konami код. 131 00:07:26,280 --> 00:07:33,960 У цьому випадку, тепер, коли Konami увійшов Правда, ми бачимо тут, що якщо 132 00:07:33,960 --> 00:07:40,460 Konami був введений, ми приймаємо два нових ключі, С і Е. Які всіх тих, зробить 133 00:07:40,460 --> 00:07:45,800 встановлений літати вниз і літати вгору стану в шаттла. 134 00:07:45,800 --> 00:07:48,530 Так, вже існують для вас. 135 00:07:48,530 --> 00:07:51,190 Вам просто потрібно прийняти Перевага них. 136 00:07:51,190 --> 00:07:52,890 І це все для польоту. 137 00:07:52,890 --> 00:07:54,680 >> Останній, ми переміщуватися. 138 00:07:54,680 --> 00:08:00,710 Так всередині HTML, ми бачимо, що ми додали поле вхід і 139 00:08:00,710 --> 00:08:02,270 кнопку переміщуватися. 140 00:08:02,270 --> 00:08:08,300 Коробка має ID-адресу, і кнопку є кнопка ID телепорту. 141 00:08:08,300 --> 00:08:13,970 Тепер один дратує маленька деталь в тому, що якщо ми нічого не робимо з події 142 00:08:13,970 --> 00:08:19,210 обробники потім, коли ми намагаємося ввести щось на зразок в полі введення, 143 00:08:19,210 --> 00:08:25,250 а насправді пов'язуючи, нашу Google Земля буде рухатися до 144 00:08:25,250 --> 00:08:30,040 поїхали, так як вже зареєстрований обробляти переміщення вліво. 145 00:08:30,040 --> 00:08:35,100 >> Так дратує деталь в тому, що коли у нас є ключ вниз або кнопок вгору 146 00:08:35,100 --> 00:08:40,789 Захід всередині полі введення, ми хочемо щоб event.stop розповсюдження яких є 147 00:08:40,789 --> 00:08:43,830 просто хочу, щоб запобігти ковзання шаттла. 148 00:08:43,830 --> 00:08:48,510 Як тільки це буде оброблено, ми також хочемо, щоб додати обробник для кнопки телепорт. 149 00:08:48,510 --> 00:08:52,880 Коли ми натискаємо на кнопку телепорту, ми захопити адресу, який знаходиться в даний час 150 00:08:52,880 --> 00:08:57,580 значення в полі введення, а потім ми називаємо цю функцію телепорту. 151 00:08:57,580 --> 00:09:00,910 >> Отже, що ж телепорт Функція виглядає? 152 00:09:00,910 --> 00:09:04,840 Ну, перше, що ми бачимо, це ми використовуючи геокодер. геокодіровать. 153 00:09:04,840 --> 00:09:06,940 Так що ж це? 154 00:09:06,940 --> 00:09:10,330 Ну, якщо ми подивимося на вершині, ми бачимо, що у нас є новий 155 00:09:10,330 --> 00:09:13,860 глобальна змінна, геокодер. 156 00:09:13,860 --> 00:09:17,500 І це глобальний довідник до служби геокодування. 157 00:09:17,500 --> 00:09:19,380 Тепер що ж це зробити для нас? 158 00:09:19,380 --> 00:09:23,810 Ну, в полі введення, я збираюся бути введення щось на зразок 33 Оксфорді 159 00:09:23,810 --> 00:09:26,040 Вулиця Кембридж, штат Массачусетс. 160 00:09:26,040 --> 00:09:28,580 Але ми не можемо зробити нічого з цим. 161 00:09:28,580 --> 00:09:31,760 Ми хочемо, щоб перетворити, що в широта і довгота. 162 00:09:31,760 --> 00:09:34,940 І це те, що служба геокодування збирається зробити для нас. 163 00:09:34,940 --> 00:09:40,630 У нижній частині initcb, ми бачимо, що у нас є геокодер дорівнює новий 164 00:09:40,630 --> 00:09:45,830 google.maps.geocoder який ініціалізує ця змінна для нас. 165 00:09:45,830 --> 00:09:47,930 >> Отже, повернемося до переміщуватися. 166 00:09:47,930 --> 00:09:51,240 Ми бачимо, що ми використовуємо геокодер. 167 00:09:51,240 --> 00:09:54,970 Ми геокодування адресу, яка була передається функції телепорту, який 168 00:09:54,970 --> 00:09:57,450 схопили з полем введення. 169 00:09:57,450 --> 00:10:02,020 І ми передаємо йому передзвонити який приймає результати і статус. 170 00:10:02,020 --> 00:10:05,905 Так перше, що нам необхідно перевірити на документ API з Google.Maps. 171 00:10:05,905 --> 00:10:06,130 GeocodingService. 172 00:10:06,130 --> 00:10:08,330 Карти 173 00:10:08,330 --> 00:10:11,550 >> Так що ми повинні перевірити стан щоб побачити, якщо він повернувся. 174 00:10:11,550 --> 00:10:16,820 google.maps.GeocoderStatus.OK які показує, що у нас є допустимий результат. 175 00:10:16,820 --> 00:10:19,310 Якщо ми цього не зробите, то ми отримаємо, не може зробити. 176 00:10:19,310 --> 00:10:20,990 Це може бути невірну адресу. 177 00:10:20,990 --> 00:10:24,630 Або служба API міць бути вниз або хто знає? 178 00:10:24,630 --> 00:10:29,980 Припускаючи, у нас є результат успіху, то ми збираємося захопити місце, з 179 00:10:29,980 --> 00:10:30,790 результат. 180 00:10:30,790 --> 00:10:34,220 І ми збираємося встановити Google Map у правому нижньому куті, щоб бути 181 00:10:34,220 --> 00:10:38,870 з центром в цьому місці і оновлювати автобус на карті в цьому місці. 182 00:10:38,870 --> 00:10:41,620 >> І тепер нам необхідно оновити Google Earth плагін. 183 00:10:41,620 --> 00:10:45,340 Так ми оновлюємо широти і довгота шаттла. 184 00:10:45,340 --> 00:10:50,570 І ми також повинні оновити shuttle.localAnchorCartesian тому що якщо 185 00:10:50,570 --> 00:10:55,250 ви подивіться на shuttle.js, ви побачите, що що також відстежує широти 186 00:10:55,250 --> 00:10:56,310 і довгота. 187 00:10:56,310 --> 00:10:59,490 Так що, якщо ми не оновлювати, що у нас є Оригінальний широта і довгота 188 00:10:59,490 --> 00:11:01,330 зберігається приватно десь. 189 00:11:01,330 --> 00:11:06,490 Так оновленні, що зараз ми називаємо shuttle.updateCamera, щоб оновити 190 00:11:06,490 --> 00:11:09,070 екран і показати нам наш нове місце. 191 00:11:09,070 --> 00:11:10,380 І це все. 192 00:11:10,380 --> 00:11:11,500 Мене звуть Боб. 193 00:11:11,500 --> 00:11:12,750 І це було Трансфер. 194 00:11:12,750 --> 00:11:18,080