>> ROB BOWDEN: Hei.
Olen Rob.
Ja toivon olet valmis poimia mitä Olen pudottamalla päältä tai laskemisen,
tai Mennään alkoi.
Joten meidän täytyy ensiksi vain poimia.
Nyt poimia aiotaan poistamalla matkustajien kuvakkeet Google
Kartan oikeassa alakulmassa ja Google Earth keskustassa
näytön.
Joten jotta voitaisiin poistaa nämä kuvakkeet, meidän on
viittauksia ne jonnekin.
Mutta tällä hetkellä, Populate toiminto vain pääsee eroon niistä.
Joten aiomme joutua muokkaamaan kansoittavat pitää ne ympäri.
>> Nyt ensimmäinen asia näemme on, että me on maailmanlaajuinen matkustajia array.
Ja niin me aiomme käyttää tätä Globalin Matkustajien array Populate.
Vuonna Populate, näemme, että olemme silmukoiden kaikkien meidän matkustajia.
Ja se on tämä silmukka, joka luodaan aseta merkki Google Earth ja
merkkiaine Google Map.
Ja nyt meidän muutokseen asuttamaan on olla täällä.
Joten olemme lisätään edelleen meidän matkustajien array tämä esine, jonka on pitää
merkin ympärillä ja paikka merkin me vain luotu yhdessä talon ja
Nimi matkustaja.
>> Niin, että se Populate.
Nyt meidän täytyy tarkastella Pick Up.
Joten Pick Up, olemme jälleen menossa kerrata kaikkien meidän matkustajia.
Mutta nyt se on globaalia Matkustajien array.
Ja tässä me näemme, että hyvin, ovat meillä on jo piristyi tämän matkustaja?
Sillä jos olemme piristyi tätä henkilöauto, näemme lopulta, että
aiomme asettaa merkki ja paikka merkki null koska he ei
enää Google map.
>> Joten jos olemme jo piristynyt tämän henkilöauto Sitten olemme juuri menossa
jatka seuraavaan matkustaja.
Else, tarkistamme onko tämä matkustajan talo on sisällä
talon array.
Tämä on tarkistaa meidän täytyy varmistaa että emme poimi fuksi kuin
spec sanoo.
Joten jos matkustaja on fuksi, aiomme
jatka seuraavaan matkustaja.
>> Kun olemme varmistaneet, että tämä on henkilöauto meidän olisi piristymässä
olemme nyt menossa tarkistaa leveyttä ja leveyspiiri matkustaja ja nähdä
jos se on 15 jalkaa sukkulan.
Jos näin on, me todella haluamme poimia tämä matkustaja.
Joten me integroida hoitaakseen kaikki istuimet meidän shuttle katsomatta, jos
siellä on käytettävissä paikan päällä Matkustajan paikan.
Jos jokin paikkaa on nolla, joka on käytettävissä paikan päällä.
Joten lisäämme matkustajan istuimeen.
Muistamme, että poimimme henkilöauto niin että lopulta voimme
ilmoittaa, jos me todella ei valita ketään ylös.
Me muistamme, että meillä istuu tämän henkilöauto sillä jos onnistumme saamaan
läpi koko shuttle ilman istuimet matkustaja, meidän täytyy
ilmoittaa, että olemme ulkona paikkaa.
>> Sitten poistamme paikkansa merkitä Google Earth.
Poistamme striimerinsä Google Maps, asettaa sisällä meidän matkustajien
array paikka merkki ja merkki null kuten olemme sanoneet aiemmin.
Ja sitten se on siinä.
Matkustaja on paikallaan.
Kun olemme tehneet, että kaikille matkustajille 15 metriä
shuttle, meidän täytyy rechart.
>> Joten Chart on mitä tulee näkyviin matkustajien istuimia tänne.
Joten nyt, katsokaamme Chart.
Sisältä Chart, aiomme olla rakentaa HTML kaavion.
Joten kaavio on menossa olla järjestetty lista.
Sitten me kerrata hoitaakseen kaikki paikkaa meidän shuttle.
Joten jos tämä erityisesti istuin on null, että tarkoittaa haluamme Listan asia, että
osoittaa, että se on tyhjä helppoa.
Else, jos se ei ole tyhjä, niin haluamme Listan asia, joka tulee näyttämään
nimi matkustaja-ja talon matkustajan
joka on tällä paikalla.
>> Kun olemme iteroitava hoitaakseen kaikki paikkaa, suljemme järjestetty lista
ja käyttää jQuery valita kaavion div ja korvata se HTML kanssa uuden
järjestetty lista.
Ja se on siinä Chart.
>> Joten viimeinen asia on pudota pois.
Nyt pudota pois tulee olemaan melko samanlainen poimia.
Sen sijaan, että silmukoiden hoitaakseen kaikki matkustajat, aiomme lenkki
kaikki sukkulan paikkaa.
Joten silmukoiden yli sukkula istuimet, me näet on tässä shuttle istuin
ei ole tyhjä, jolloin siellä matkustajan tällä paikalla.
Jos näin on, me haluamme napata leveyttä ja
pituusaste tämän matkustaja.
>> Joten käyttämällä talon array, olemme menossa napata taloon
matkustajan tällä paikalla ja sitten napata leveyttä, että erityisesti talon
ja vastaavasti pituutta.
Nyt olemme jälleen käyttää etäisyyttä nähdä tuossa talossa on 30 metriä meistä.
Jos näin on, haluavatko ne asettaa tämä paikka nollaamaan, koska matkustaja
pudotettiin pois, ja kasvu että matkustajan oli pudonnut pois.
Niin että loppujen lopuksi, jos kukaan ei ollut pudonnut pois, me ilmoitamme, että kukaan
haluaa pudotetaan pois täältä.
>> Lopuksi, meidän täytyy rechart jotta Esittelemme uusia, tyhjiä paikkoja.
Nyt sinun tarvitsee vain toteuttaa joitakin lisäominaisuuksia.
Nyt siellä on paljon voisit ovat valinneet.
Mutta meidän tapauksessamme toteutimme Teleport, lentävät, ja nopeuttaa, ja
ylinopeus alas.
Joten katsokaamme niitä.
Ensimmäinen, nyt katsomaan nopeuttaa ominaisuus.
Joten meidän tapauksessa näppäilyn toiminto, jossa olemme jo käsittelyn
kaikki nämä avaimet, olemme myös menossa tunnustavat X ja Z. Jota täsmentää
että nämä merkit ovat menossa aiheuttaa sukkulan nopeuden
lisätä ja vähentää.
>> Niin huomaa, että laitoimme sidottu siihen, miten korkea ja siitä, miten alhainen nopeus voi
itse mennä koska emme halua shuttle liian nopeasti.
Ja emme myöskään halua sukkulan nopeus mennä nollaan tai mahdollisesti
jopa negatiivinen mikä johtaa joissakin outoa käyttäytymistä.
Ja siinä se ylinopeudesta ylös ja hidastumassa.
>> Nyt, katsomaan alla.
Niin muista, että lentävät ominaisuus sinun tulee syöttää Konami Code.
Joten ylös yläosassa, näemme meillä on joitakin globaaleja muuttujia, Konami Code joka on
array, joka on juuri pitää kirjaa avaimet, jotka on kirjattu
Konami Code.
On Bool joka vain osoittaa onko Konami Code on jo
kirjattu.
Ja sitten on indeksinä Konami Code array, joka
Olemme tällä hetkellä.
>> Joten jos käyttäjä on jo syöttänyt kolme merkkiä Konami Code
sitten indeksi on menossa osoittamaan Neljäs asia array,
kolmannen indeksi.
Käyttäen, että jälleen kerran näytämme katsokaa keskeinen aivohalvauksen.
Ja keskeinen aivohalvauksen näemme tässä, että jos Konami Code ei ole vielä annettu
tuli, niin haluamme on avain, joka kirjattiin mitä olemme
tällä hetkellä odottavat Konami Code array.
Jos näin on, niin me kasvattaa meidän indeksi.
>> Jos käyttäjä kirjoittaa ylös sitten indeksi on menossa yhteen.
Niin käyttäjä kirjoittaa uudelleen, indeksin menee kaksi.
Sitten he kirjoita alas, se menee kolmeen.
Jos he kirjoittavat Q, se tulee palauttaa nolla, koska ne eivät täsmää
odotusarvo.
Nyt, jos he onnistuvat saamaan läpi koko joukko sitten he ovat tulleet
Konami Code.
Missä tapauksessa nyt, että Konami tuli on totta, näemme täällä, että jos
Konami on tullut, me hyväksymme kaksi uutta avaimet, C ja E. jolloin kaikki tekevät
on asetettu purjehtii alaspäin ja lentävät ylöspäin valtioiden shuttle.
Joten jo sinulle.
Sinun tarvitsee vain ottaa hyödyntää niitä.
Ja siinä se purjehtii.
>> Viimeksi olemme Teleport.
Joten sisällä HTML, näemme, että olemme lisänneet kenttään ja
Teleport-painiketta.
Rasiassa on ID-osoite ja painike on tunnus Teleport-painiketta.
Nyt yksi harmittaa pieni yksityiskohta on se, että jos emme tee mitään tapahtumaan
käsittelijät sitten kun yritämme kirjoittaa jotain syöttöruutuun,
sijaan todella sitominen, meidän Google Maa on menossa siirtyä
jäljellä sillä on jo rekisteröity käsitellä liikkuvat vasemmalle.
>> Joten harmittaa yksityiskohta on, että kun meillä on avain alas tai ylös-
Jos sisällä syötekentästä haluamme to event.stop eteneminen, joka on
juuri menossa estää liukuminen sukkula.
Kun se on hoidettu, haluamme myös lisätä ohjaaja Teleport-painiketta.
Kun klikkaa Teleport-painiketta, me napata-osoite, joka on nykyinen
arvo syöttö-ruutuun ja me kutsumme tätä Teleport toiminto.
>> Joten mitä Teleport toiminto näyttää?
No, ensimmäinen asia näemme on me käyttäen Geocoder. geocode.
Niin mikä se on?
No, jos katsomme alkuun, näemme, että meillä on uusi
globaali muuttuja, Geocoder.
Ja tämä on globaali viite to geocoding palveluun.
Nyt mitä se meille tekisi?
No, syöttö-ruutuun, aion olla kirjoittamalla jotain 33 Oxford
Street Cambridge, Massachusetts.
Mutta emme voi oikeastaan ​​tehdä mitään siitä.
Haluamme muuntaa että leveyttä ja pituutta.
Ja sitähän geocoding palvelun aikoo tehdä meille.
Alareunassa initcb, näemme, että meillä on Geocoder vastaa uuden
google.maps.geocoder joka alustaa tämä muuttuja meille.
>> Joten takaisin Teleport.
Näemme käytämme Geocoder.
Olemme geocoding osoite, joka oli välitetään Teleport toiminto, joka
oli napattu syöttöruutuun.
Ja olemme siirtäneet sen soittaa takaisin joka vie tulokset ja tila.
Joten meidän täytyy ensiksi tarkistaa kohden API asiakirja google.maps.
GeocodingService.
Kartat
>> Joten meidän täytyy tarkistaa tilan nähdä, jos se palautetaan.
google.maps.GeocoderStatus.OK joka osoittaa, että meillä on voimassa oleva tulos.
Jos emme, niin saamme, ei voi tehdä.
Tämä voi olla virheellinen osoite.
Tai API-palvelu ei ehkä olla alas tai kuka tietää?
Olettaen meillä on menestys tulos sitten aiomme napata sijaintisi
tulos.
Ja aiomme asettaa Google Map vuonna oikeassa alakulmassa olevan
on keskittynyt tähän paikkaan ja päivittää bussi kartalta kyseiseen sijaintiin.
>> Ja nyt meidän täytyy päivittää Google Earth-laajennus.
Joten päivitämme leveyttä ja pituusaste sukkula.
Ja meidän on myös päivitettävä shuttle.localAnchorCartesian koska jos
sinä katsot shuttle.js, huomaat, että että pitää kirjaa myös leveyttä
ja pituutta.
Joten jos emme päivittää, että meillä on alkuperäinen leveys-ja pituusaste
tallennetaan piilotettu jonnekin.
Joten päivittää, että nyt kutsumme shuttle.updateCamera virkistää
näytön ja näyttää meille meidän uuteen paikkaan.
Ja se on siinä.
Nimeni on Rob.
Ja tämä oli Shuttle.