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 I راب هستم. 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 در حال حاضر، انتخاب کنید تا در حال رفتن به از بین بردن می شود آیکون مسافران از گوگل 8 00:00:29,370 --> 00:00:32,759 نقشه در گوشه سمت راست و از زمین گوگل در مرکز 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 و این حلقه که ایجاد است جای علامت برای گوگل زمین و 18 00:01:10,420 --> 00:01:12,540 نشانگر برای نقشه های گوگل. 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 در نقشه گوگل دیگر. 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 >> سپس ما جای خود را حذف کنید علامت از گوگل زمین. 54 00:03:06,885 --> 00:03:11,310 ما نشانگر خود را از نقشه های گوگل را حذف کنید، مجموعه ای در داخل از مسافران ما 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 بنابراین در حال حاضر، اجازه دهید نگاهی به نمودار نگاه کنید. 62 00:03:32,760 --> 00:03:37,960 داخل نمودار، ما قصد داریم به ساخت 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 و که آن را برای نمودار. 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 بنابراین به یاد داشته باشید که قابلیت پرواز نیاز شما را برای ورود به کد کونامی. 108 00:06:11,370 --> 00:06:18,070 پس تا در بالا، ما می بینیم ما به برخی از متغیر های جهانی، کونامی کد که است 109 00:06:18,070 --> 00:06:20,975 یک آرایه که فقط پیگیری کلید است که باید برای آن وارد شود 110 00:06:20,975 --> 00:06:22,600 کد کونامی. 111 00:06:22,600 --> 00:06:26,340 یک بولی که فقط نشان می دهد وجود دارد آیا کد کونامی در حال حاضر 112 00:06:26,340 --> 00:06:27,660 وارد شده است. 113 00:06:27,660 --> 00:06:30,430 و پس از آن شاخص را به وجود آرایه کونامی کد که 114 00:06:30,430 --> 00:06:31,770 ما در حال حاضر در هستید. 115 00:06:31,770 --> 00:06:36,020 >> بنابراین در صورتی که کاربر در حال حاضر وارد سه حرف از کد کونامی 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 و در سکته مغزی کلیدی ما در اینجا ببینید که اگر کد کونامی در حال حاضر شده است 121 00:06:51,910 --> 00:06:58,410 وارد شده، پس از آن ما می خواهیم برای دیدن است کلیدی است که وارد شده است چه کنیم 122 00:06:58,410 --> 00:07:01,250 در حال حاضر از انتظار آرایه کونامی کد. 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 کد کونامی. 131 00:07:26,280 --> 00:07:33,960 که در این صورت، در حال حاضر که کونامی وارد درست است، ما را در اینجا ببینید که اگر 132 00:07:33,960 --> 00:07:40,460 کونامی وارد شد، ما شرایط دو جدید کلید، C و E. که همه آن را انجام خواهد داد 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 به جای در واقع گره A، گوگل ما زمین در حال رفتن به حرکت به 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 خوب، اولین چیزی که ما می بینیم این است که ما هستیم با استفاده از geocoder. کد جغرافیایی. 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 متغیر جهانی، geocoder. 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، ما می بینیم که ما geocoder برابر جدید 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 ما می بینیم که ما در حال استفاده از geocoder. 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 و ما قصد داریم به مجموعه ای از نقشه گوگل در گوشه سمت راست پایین به 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