>> ROB BOWDEN: Ciao.
Sono Rob.
E spero che tu sei pronto a raccogliere ciò che Sto cadere o mettere giù,
o cominciamo.
Quindi prima cosa che dobbiamo da fare è prendere.
Ora, pick up sta per essere la rimozione della Icone dei passeggeri dal Google
mappa nell'angolo in basso a destra e dall'alto Google Earth nel centro di
schermo.
Quindi, al fine di rimuovere quelle icone, abbiamo bisogno di avere la
riferimenti a loro da qualche parte.
Ma attualmente, la funzione Popola appena si libera di loro.
Quindi stiamo andando a modificare popolare per tenerli in giro.
>> Ora prima cosa che vediamo è che abbiamo avere una matrice di passeggeri a livello mondiale.
E così stiamo andando a utilizzare che di mondiali passeggeri array in Popola.
In Popola, vediamo che stiamo eseguendo un ciclo su tutti i nostri passeggeri.
Ed è questo ciclo che sta creando l' collocare marchio per Google Earth e il
marker per la Google Map.
E così ora la nostra modifica per popolare è quello di essere qui.
Quindi stiamo aggiungendo ai nostri passeggeri ' matrice di questo oggetto che sta mantenendo
intorno al marchio marcatore e posto che abbiamo appena realizzato insieme alla casa e
nome del passeggero.
>> Ecco, questo è per Popola.
Ora abbiamo bisogno di guardare al Pick Up.
Così in pick up, stiamo ancora una volta andando a iterare su tutti i nostri passeggeri.
Ma adesso è il nostro globale passeggeri array.
E qui stiamo vedendo molto bene, abbiamo abbiamo già preso questa passeggero?
Poiché se abbiamo raccolto questa passeggeri, vediamo alla fine che
stiamo andando a impostare il marcatore e il posto mark to nulla dato che sono non
più a lungo la mappa di Google.
>> Quindi, se abbiamo già raccolto questa passeggero allora stiamo solo andando a
passare alla successiva passeggero.
Altrimenti, controlliamo per vedere se questo casa del passeggero è all'interno del
matrice di casa.
Questo è il controllo che dobbiamo fare in modo che noi non raccogliamo la matricola come
le specifiche dice.
Quindi, se il passeggero è una matricola, stiamo andando a
passare alla successiva passeggero.
>> Una volta che abbiamo verificato che questa è una passeggeri dovremmo essere in ripresa,
ora stiamo andando a controllare la latitudine e longitudine del passeggero e vedere
se è entro 15 piedi della navetta.
Se questo è il caso, vogliamo davvero a prendere questa passeggeri.
Quindi noi integriamo su tutte le sedi nella nostra navetta cercando di vedere se
c'è un posto disponibile per il passeggero.
Se uno dei sedili è nullo, questo è un posto a disposizione.
Così aggiungiamo il passeggero al sedile.
Ricordiamo che abbiamo preso l' passeggeri in modo che, alla fine, possiamo
annunciare se abbiamo effettivamente non prendere nessuno.
Ricordiamo che siamo seduti questa passeggeri poiché se riusciremo a ottenere
attraverso l'intero navetta senza posti a sedere il passeggero, allora dobbiamo
annunciamo che siamo fuori dei seggi.
>> Allora togliamo loro posto segnare da Google Earth.
Togliamo il proprio segnalino da Google Maps, situato all'interno dei nostri passeggeri '
mark posto array e marcatore null come abbiamo detto prima.
E poi questo è tutto.
Il passeggero è seduto.
Una volta che abbiamo fatto che per tutti i passeggeri entro 15 piedi del
navetta, abbiamo bisogno di rechart.
>> Quindi grafico è quello che sta succedendo per visualizzare il passeggeri dei sedili qui.
Così ora, diamo un'occhiata al grafico.
All'interno del grafico, stiamo andando a essere costruire il codice HTML per il grafico.
Così il grafico sta per essere un elenco ordinato.
Poi ci iterare su tutti i sedili della nostra navetta.
Quindi, se questa sede particolare è nullo, che significa che vogliamo un elemento List che
indica che si tratta di un vuoto facile.
Altrimenti, se non fosse nullo, allora vogliamo un elemento List che sta per visualizzare
il nome del passeggero e la casa del passeggero
che è in questa sede.
>> Una volta che abbiamo iterati su tutto il sedili allora chiudiamo il nostro elenco ordinato
e utilizzare jQuery per selezionare il div tabella e sostituirlo è HTML con il nostro nuovo
elenco ordinato.
E questo è tutto per il grafico.
>> Quindi ultima cosa è drop off.
Ora drop off sta per essere piuttosto simile a salire.
Invece di ciclare su tutte le passeggeri, andremo a ciclare su
tutti i sedili navetta.
Così loop sui sedili navetta, abbiamo vedere è questo particolare sedile navetta
non null, nel qual caso non c'è un passeggero in questa sede.
Se questo è il caso, vogliamo per afferrare la latitudine e
longitudine del passeggero.
>> Quindi, utilizzando matrice della casa, siamo andando a prendere la casa del
passeggeri in questa sede e poi prendete la latitudine di quella particolare casa
e analogamente per longitudine.
Ora, ancora una volta usiamo distanza da vedere in quella casa si trova a 30 metri da noi.
Se questo è il caso, vogliono impostare questa sede null, poiché il passeggero
era caduto fuori, e l'incremento che un passeggero è stato caduto fuori.
Così che alla fine, se nessuno era lasciati, annunciamo che nessuno
vuole essere lasciati qui.
>> Infine, abbiamo bisogno di rechart in modo che visualizziamo nuovi posti vuoti.
Ora, non vi resta che attuare alcune caratteristiche extra.
Ora, non c'è molto che si possa hanno scelto da.
Ma nel nostro caso, abbiamo implementato teletrasporto, volare, e accelerando, e
accelerazione verso il basso.
Quindi diamo un'occhiata a quelli.
Prima di tutto, diamo uno sguardo a l'accelerazione funzione.
Quindi, nel nostro caso, nella battitura funzione, dove stiamo già movimentazione
tutte queste chiavi, stiamo anche andando a riconoscere X e Z. Che specifichiamo
che questi personaggi stanno per causare la velocità della navetta per
aumentare e diminuire.
>> Così notiamo che mettiamo un limite su come elevata e su come un basso la velocità può
effettivamente andare, perché non vogliamo la navetta di essere troppo veloce.
E anche noi non vogliamo che la navetta del velocità per andare a zero o, eventualmente,
addirittura negativo che si tradurrà in qualche strano comportamento.
E questo è tutto per eccesso di velocità e rallentamento.
>> Ora, diamo uno sguardo a volo.
Quindi ricorda che la funzione volante richiede di inserire il codice Konami.
Così, in cima, vediamo che abbiamo un po ' variabili globali, Codice Konami che è
una matrice che è solo tenere traccia del le chiavi che devono essere iscritti per
il Codice Konami.
C'è un Bool che indica solo se il Codice Konami ha già
stato inserito.
E poi c'è l'indice in la matrice Codice Konami che
siamo attualmente.
>> Quindi, se l'utente ha già inserito tre caratteri del codice Konami
allora l'indice sta per puntare a la quarta cosa nella matrice, l'
terzo indice.
Usando che, ancora una volta faremo guardare colpo chiave.
E nel tratto chiave che vediamo qui che se Codice Konami non ha già
entrò, poi vogliamo vedere è la chiave che è stato inserito ciò che siamo
attualmente in attesa di la matrice Codice Konami.
Se questo è il caso, allora incrementiamo il nostro indice.
>> Se l'utente Fino allora indice sta per andare a uno.
Quindi l'utente dovrà digitare di nuovo, l'indice va a due.
Poi faranno tipo basso, andrà a tre.
Se si digita Q, che sarà reimpostato a zero, in quanto non corrisponde
il valore atteso.
Ora, se riescono a ottenere attraverso l' intero array poi ho inserito la
Codice Konami.
In tal caso, ora che Konami inserito È vero, vediamo qui che se
Konami è stata inserita, accettiamo due nuovi chiavi, C ed E. Che tutti coloro che faranno
è impostato il volano verso il basso e volare Stati verso l'alto nella navetta.
Quindi, esistono già per voi.
Hai solo bisogno di prendere vantaggio.
E questo è tutto per il volo.
>> Infine, abbiamo teletrasportarsi.
Così all'interno del HTML, vediamo che abbiamo aggiunto una casella di input e un
pulsante di teletrasportarsi.
La scatola ha indirizzo ID, e il pulsante ha un pulsante di teletrasporto ID.
Ora, una fastidiosa piccolo particolare è che se non facciamo nulla con l'evento
gestori poi quando cerchiamo di scrivere qualcosa come una nella casella di input,
invece di effettivamente legare A, il nostro Google Terra sta per passare al
sinistra poiché A è già registrato per gestire il movimento verso sinistra.
>> Così dettaglio fastidioso ecco che quando abbiamo un tasto premuto o il tasto up
evento all'interno della casella di input, vogliamo a event.stop propagazione che è
solo andando a prevenire l' scorrimento della navetta.
Una volta che è gestita, vogliamo anche aggiungere un gestore per il pulsante di teletrasporto.
Quando si clicca sul pulsante teletrasporto, abbiamo afferrare l'indirizzo, che è la corrente
valore nella casella di input, e quindi chiamiamo questa funzione teletrasporto.
>> Quindi cosa fa il teletrasporto funzione simile?
Beh, la prima cosa che vediamo è che siamo utilizzando geocoding. geocoding.
Così che cosa è questo?
Beh, se guardiamo in alto, vediamo che abbiamo un nuovo
variabile globale, geocoder.
E questo è un riferimento globale a un servizio di geocoding.
Ora, cosa vuol fare per noi?
Ebbene, nella casella di input, ho intenzione di essere entrare qualcosa come 33 Oxford
Street Cambridge, Massachusetts.
Ma non possiamo fare niente con questo.
Vogliamo convertire tale da latitudine e longitudine.
Ed è quello che il servizio di geocoding sta per fare per noi.
In fondo initcb, vediamo che abbiamo geocoder uguale nuova
che inizializza google.maps.geocoder questa variabile per noi.
>> Ma torniamo al teletrasportarsi.
Vediamo stiamo usando il geocoder.
Stiamo geocoding l'indirizzo che è stato passato alla funzione di teletrasporto che
è stato afferrato dalla casella di input.
E stiamo passando una chiamata indietro che prende i risultati e lo stato.
Quindi prima cosa che dobbiamo controllare per il documento API di google.maps.
GeocodingService.
Mappe
>> Quindi dobbiamo verificare lo stato per vedere se è tornato.
google.maps.GeocoderStatus.OK che indica che abbiamo un risultato valido.
Se non lo facciamo, allora otteniamo, non può fare.
Questo potrebbe essere un indirizzo non valido.
O la forza di servizio API sia verso il basso o chi lo sa?
Supponendo che abbiamo un risultato di successo poi stiamo andando a prendere la posizione da
il risultato.
E abbiamo intenzione di impostare la Google Map nell'angolo in basso a destra per essere
centrata in quella posizione e aggiornare il bus sulla mappa per quella posizione.
>> E ora abbiamo bisogno di aggiornare il Plug-in di Google Earth.
Quindi noi aggiorniamo la latitudine e la longitudine della navetta.
E abbiamo anche bisogno di aggiornare shuttle.localAnchorCartesian poiché se
si guarda shuttle.js, vedrete che che tiene anche traccia di latitudine
e la longitudine.
Quindi, se non ci aggiorniamo che, abbiamo l' latitudine e longitudine originale
memorizzato nascosto da qualche parte.
Quindi l'aggiornamento che ora, chiamiamo shuttle.updateCamera per aggiornare l'
schermo e ci mostrano la nostra nuova posizione.
E questo è tutto.
Il mio nome è Rob.
E questo era Shuttle.