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