>> [Hudba hrať]
>> DAVID J. Malan: Dobrý deň.
Poďme sa prejsť Problem Set 8 Mashup,
ktorý sa chystá vyzvať vás k čerpajú prvky pre Google Maps
s prvkami z Google News a kašou ich dohromady do webového applet, ktorý
umožňuje užívateľovi vyhľadávať mapa pre novinky miestnej
na konkrétne miest, mestá a PSČ.
K tomu, že budeme integrovať nejaký HTML, CSS, PHP, SQL,
JavaScript a technika všeobecne známe ako AJAX, aby
K vytvoreniu tohto pohlcujúce užívateľské skúsenosti.
>> Pozrime sa najprv na samotné Google Maps.
To je samozrejme možná známy rozhranie.
Ale ukazuje sa, že Google Maps tiež poskytuje aplikáciu API--
programovanie interface-- cez ktorý si môžete vziať prvky Google Maps
a integrovať ich do vlastné aplikácie.
Naozaj, v celom tomto proces, budete
nájsť niekoľko adries URL obzvlášť užitočné, že
sú uvedené v špecifikácia problému Set 8,
Konkrétne to Začíname Sprievodca alebo Príručke pre vývojárov
pre Google Maps API verzie 3, ako ako API Google Maps JavaScript
v3 odkaz, ktorý je bit viac Arcane na čítanie
ale v skutočnosti má všetky nižšej úrovni Podrobnosti o tom, čo funkcie alebo metódy
a objekty a vlastnosti a Udalosti v skutočnosti prichádzajú s API,
veľmi podobné v duchu na [] nepočuteľný stránok.
>> Teraz, keď sa pozrieme na Google News, budete
snáď vidieť známe rozhranie tu.
Ale ukazuje sa, môžete vyhľadávať Google News pre konkrétne zemepisných
pomocou parametra HTTP s názvom geo.
V skutočnosti, keď som priblížiť tu, uvidíte, že
Som na news.google.com/news/section?geo=02138.
A naozaj, keď som zoom out, uvidíte, že ja som
pri pohľade na stránku s celou partiou názory na Cambridge, Massachusetts.
>> Medzitým, keď som skutočne zmení URL nebyť PSČ takto,
ale niečo trochu Messier ako je Cambridge, Massachusetts +,
kde a je spôsob, ako kódovať medzera v URL a stlačte klávesu Enter,
uvidíte, že som vlastne vidieť takmer rovnaký správy.
Možno, že je to trochu inak pretože Cambridge vlastne
má viac poštové smerovacie čísla.
Teraz, ako by som to mohla vedieť, a V skutočnosti, ako by som mohol nejako
rozhodujuca miest a obcí na poštových smerovacích čísel pre prípad, že
Chcete, aby užívateľ vyhľadať buď?
No, ukázalo sa, že je tu webové stránky tam volal
geonames.org ktorý je iniciatíva mať
voľne k dispozícii databáza všetkých druhy geografických informácií,
a to nielen pre USA, ale tiež pre ostatné krajiny rovnako.
V skutočnosti, keď pôjdem na túto adresu URL, ktorá sem je tiež zmienil sa v probléme nastavenej
špecifikácie, budete to vidieť tri výpis veľa zip súborov
ktorýkoľvek z nich si môžete stiahnuť vami.
V skutočnosti, pre tento problém nastaviť budete sťahovať us.zip.
Teraz v tomto súbore, je celý banda dát v textovom formáte.
Súbory je veľmi podobná CSV-- hodnoty oddelené file--
ale v skutočnosti používa Karty vymedziť pole.
A teraz, zatiaľ, keď sa pozriete tu na to, čo som sa zvýrazní,
polia v tomto súbore sa deje byť veci ako kódy krajín,
poštové smerovacie čísla, miestne názvy, a potom, v nejakej forme
alebo iných, stavy a kraja, komunity, a ďalšie.
V skutočnosti, som už stiahli tento súbor vopred.
Nechaj ma ísť napred a otvorte ho here-- us.text-- a samozrejme budete
zistil, či by som prejdite na linku 16792 uvidíte niekoľko záznamov pre Cambridge,
Massachusetts a jeho rôzne zips kódy.
To, čo vidím tiež, že je kraj, niektoré čísla, ktoré som sa naozaj
Rozumiem, ale tiež všetky ako na pravej,
Niektoré GPS coordinates-- zemepisnej šírky a dĺžky.
To je skvelé, pretože jeden z Rysy Google Maps API
je schopnosť detekovať kde ste geograficky
pokiaľ ide o GPS súradníc.
>> Teraz poďme začať prísť na to, ako sa spustiť viazanie tieto veci dohromady.
Dali sme vám celý banda distribúcia kódu,
ako aj databázy MySQL.
V skutočnosti, keď som vytiahnuť phpMyAdmin majúce už importované, ako skoro bude,
pset8.SQL, uvidíte tabuľku MySQL, ktorý vyzerá to, ID poľa, krajiny
kód, poštové smerovacie číslo, názov miesta a ďalšie.
Typy všetky tie, stĺpce I odvodené jednoducho
čítaním readme.text súbor tu uvedená
či pole je celé číslo, alebo varchar alebo podobne.
>> Preto sme vytvorili uvedenej tabuľky pre Vy a vám dal príkazy SQL
vykonať vytvárať že stôl vo svojej vlastnej databáze,
ale je to vlastne v nej doteraz žiadne údaje.
Skôr, budete musieť k stiahnutiu us.zip alebo zips akejkoľvek krajiny
súbor od tej tam URL.
A potom budete musieť písať príkazový riadok skript v PHP, ktorý je
chystá otvoriť, že text súbor, iteráciu cez svoje linky,
a potom pre každú tieto riadky urobiť vložku
do toho miesta tabuľky v databáze MySQL.
Takže na konci tohto procesu, budete narazili, že skript nakoniec
len raz v teórii.
V skutočnosti pravdepodobne budete spustiť to veľa časov
pri pokuse opraviť rôzne chyby.
>> Nakoniec, budete mať naozaj veľké databázy s tisíckami
a tisíce geografických riadkov.
Potom sa chystáte dať, aby dovoz skript stranou raz, že to funguje
a databázy je pekné a správne, a potom sa
chystáte prejsť na skutočne vykonávanie mashup sám.
Mashup bude vyzerať trochu niečo také.
V mashup.cs50.net sme má riešenie zamestnancov
že vyzerá trochu niečo také.
V skutočnosti, keď som kliknite na tento noviny Ikonka pre Cambridge, Massachusetts,
uvidíte spriadanie krátko a potom ikonu
objednal zoznam odrážkami zoznam článkov
vzťahujúce sa k Cambridge, Massachusetts.
Keď kliknem na Charlestown, Massachusetts,
Uvidím, rovnaké pre dané mesto.
A keď som kliknite na Watertown, Massachusetts,
mohlo by nemal byť žiadny Správy o z Watertown,
takže uvidíte niečo ako pomalý novinky deň.
>> A teraz, zatiaľ, v ľavej hornej časti sú Niektoré známe ovládacie Google Maps
aby vám oddialiť, pán hore, dole, doľava a doprava,
ale tiež vyhľadávacie pole, ktoré sme tam dal.
Takže keď som sa hľadať, úprimne povedané, Jedinou ďalšou poštové smerovacie číslo viem,
90.210, budeme skutočne vidieť Beverly Hills, Kalifornia.
Po kliknutí ma to vedie k Kalifornia a celá partia
zo správy o Beverly Hills.
Teraz si všimnúť, aj to, čo sa tam stalo.
Ak sa aj tentoraz hľadanie 02138 alebo dokonca Cambridge čiarka Massachusetts alebo nejaká
variantu, dostanete málo autocomplete dropdown.
Teraz to je pomocou plugin pre knižnicu s názvom jQuery,
a že plugin sa nazýva doprednej.
Proste sme prečítať dokumentácia,
stiahli JS súbor integrovaných do distribučnej kódu, takže vás
v konečnom dôsledku môže písať kód, ktorý vyplní, že rozbaľovacej ponuky sa auto
výbery alebo ich auto návrhy.
>> Teraz distribúcia kód, aj keď, že ste dostali nerobí skoro rovnako.
Získate Map Google vložený, a dostanete ovládacie prvky v ľavom hornom rohu,
a dostanete vyhľadávacie pole.
Ale keď píšem niečo ako 02138, žiadne miesta sú nájdené doteraz.
Takže to bude Jedným z našich cieľov tu.
Navyše, ak budete mať o krok späť a pozrieť sa na mapu sám,
nie je novinka vôbec.
Aj keď som kliknite na tlačidlo a ťahať, žiadne značky vlastne
sa objavujú novinky, pretože to Problém je ponechaný aj pre vás.
>> Poďme sa pozrieť a potom v distribučnom kóde.
Potom, čo ste si stiahli pset8.zip a rozopol ho
do vhost adresára V CS50 Appliance,
uvidíte tieto adresára tu vnútri.
Bin-- čo všeobecne znamená binárne spustiteľné programs--
zahŕňa, ako je v pset7, niektoré PHP Súbory, ktoré ostatní súbory obsahujú,
potom verejnosť, čo je súbory, ktoré potrebujú
byť verejne prístupné užívateľovi v prostredí internetového prehliadača.
Poďme sa pozrieť na bin, a my budeme
vidieť, že tam je súbor tam už volal Importovať.
Po otvorení to s gedit, uvidíme že, bohužiaľ, že to nie je moc
tam.
Všetko, čo je tam, aj keď, je shebang hore
ktorý určuje, ktoré interpreter-- v tomto prípade PHP--
by mali byť použité pre skutočne spustiť tento súbor.
Ale potom, kde sa hovorí, že TODO je miesto, kde ste
bude musieť napísať nejaký kód ktorá pravdepodobne vyžaduje config
Súbor, ktorý je v adresári zahŕňa ako sme urobili predtým s PHP súbory.
A potom budete musieť nejako otvoriť
us.text ktorá vám pravdepodobne rozbalenie už.
Potom budete musieť opakovať na tratiach v tomto súbore,
prípadne s využitím niektorých funkcií navrhnuté v špecifikácii.
Potom vložte každý z nich linky do databázy MySQL
pomocou funkcie dotazu, ktorý sme opäť vám poskytol with--
alebo aspoň variant tom functions.php,
ktorý uvidíme za chvíľu.
>> Teraz poďme uzavrieť dovoz a vrátiť sa do našom zozname, a tentoraz ísť do
zahŕňa.
A keď to urobím ls tam, uvidíte tri súbory celkom páči Zadanie problému 7.
A poďme sa rýchlo pozrieť, Napríklad, v config.php.
V tam je menej riadkov ako predtým, a to
Zdá sa, tento súbor obsahuje constants.php a functions.php.
Používame mierne odlišný Technika tentoraz skutočne
upresniť, že tieto súbory sú relatívne k aktuálnemu adresáru __ DIR__
znamená čokoľvek adresár to súbor config.php, je sám o sebe v.
Tak toto je viac explicitné spôsob zadávania
aké ďalšie súbory, ktoré chcete potrebovať.
>> Teraz, keď uzavriem tento súbor a otvoriť constants.php namiesto toho,
uvidíte súbor veľmi pripomínajúce k problému Set 7 je tiež, aj keď
s inej databáze s názvom pset8.
A konečne, v functions.php, uvidíme len jednu funkciu
tentoraz s názvom dotazu.
To je takmer rovnaký s výnimkou vybavujeme Chyby tentoraz trochu
inak, ale je to využitie je rovnako ako v problém nastaviť sedem.
>> A teraz sa vráťme do našej pset8 adresár, ísť do verejnosti, a tam
keď to urobím ls, uvidíte tohle-- articles.php, index.html, search.php,
a update.php-- všetky súbory.
A potom CSS fonty, img, a js adresár celkom rád pset7.
>> Poďme sa pozrieť na index.html, ktorý je
bude naozaj vstupný bod do smashup.
Teraz v index.html, uvidíte celý banda odkazov prvkov v hlave,
konkrétne pre bootstrap pre naše vlastné CSS nasleduje veľa skriptu
tagy pre veci, ako mapy, API sám, špeciálne značka s popisom
nástroj, ktorý sme spomenuli v špecifikácia je vám k dispozícii,
jQuery sám, bootstrap sám, a ďalšie knižnice
volal podčiarkovník, ktoré hovoríme o vo špec.
Underscore.js ako jquery.js je knižnica JavaScript
ktorý má veľa funkcií že mnoho ľudí vo svete prianí
existovalo v samotnom JavaScriptu.
Takže všetci z nich sú vlastne celkom populárne.
Sme tiež zmienil doprednej ktorý je knižnica, ktorá
robí automatického dokončovania dropdown a nakoniec odkaz na naše vlastné JavaScript.
>> Medzitým, a možno Našťastie tento mashup
je riadený pomerne málo HTML tu dole.
Všimnite si, že sme zadali div v naše telo triedy kontajnera tekutiny.
To, na Bootstrap je dokumentácia, len
Znamená to, že tento div bude vyplniť výrez alebo okna prehliadača je plne.
>> Medzitým, pod tým máme div že ich otvoril a okamžite zavrel
s unikátnym ID mapového okna.
To je teraz od spoločnosti Google Dokumentácia Mapy
pre jeho API, čím som sa proste musíte máte prázdny DIV, do ktorej chcete aplikovať,
nakoniec, skutočný Google Maps.
Ale o tom viac v len trochu.
>> Napokon, tam je formulár vnútri ktoré tu
implementuje textového poľa hore vľavo hore v našom rozhranie pre vyhľadávanie.
Všimnite si, že sme použili trochu bootstrap
Tu too-- veci ako form-inline a forma-group.
Dali sme skoršie Unikátne ID formy.
A potom, konečne, vlastne mám typu vstupu, čo je celkom známy,
ktorého ID je q.
Len konvencie.
Q pre query-- by mohli mať bol povolaný čokoľvek.
A potom zástupný symbol, Medzitým, je mesto, štát,
a poštové smerovacie číslo, ktoré by vás mohli vyvolať videnie v našom mashup demo skôr.
Poďme uzavrieť tento súbor.
>> Teraz sa pozri na súbory, PHP, ktoré čakajú a potom súbory JavaScript.
V našich PHP súbory, máme ktorá už bola vykonaná pre vás,
Napríklad, aktualizácie.
Update.php-- nebudeme míňať obrovské Množstvo času na here-- v kocke
je súbor, ktorý otázky Kód JavaScript sa deje
kontaktovať cez AJAX, že asynchrónne technika, ktorá je
zabudované do JavaScriptu v týchto dňoch, že je to bude nám umožní požiadať update.php
Pre viac informácií.
>> Konkrétne, kedykoľvek užívateľ ťahá mapu
alebo vykoná vyhľadávanie, ktorý skáče Užívateľ na iné miesto,
náš kód JavaScript ako čoskoro uvidíte, je
zavolá update.php a požiadať o 10 alebo tak markerov
vo výreze na báze o GPS súradniciach
v hornej a dolnej časti rohy tejto mape.
Potom sme sa znova osídliť mapy teraz, užívateľ presunul obrazovke v poradí
vidieť, 10 asi nové markery rôznych mestách.
Medzitým, tento súbor je v konečnom dôsledku chystá spustiť SQL dotazu
proti našej databáze tabuľku s názvom miesta, ktoré
sa bude vracať tie 10 alebo menej miesta.
>> Medzitým, v articles.php, je ďalším súbor písali sme v plnom rozsahu.
Je to veľmi podobné v duchu k Funkcia vyhľadávania Zadanie problému 7 je,
ktorý kontaktoval Yahoo Finance pre vás.
Tento súbor kontakty Google News pre vás, nakoniec schmatol
strojovo čitateľné version-- v niečom
volal RSS format-- z noviniek pre Cambridge alebo Beverly Hills
alebo čo mesto, ktoré ste hľadali na na základe tohto geoparameter.
My analyzovať tento RSS, ktorá je len typ značkovacieho jazyka XML volal,
a potom sme vlastne vrátiť do vášho prehliadača
a do kódu JavaScript konkrétne vo formáte s názvom
JSON, JavaScript Object Notation.
Teraz uvidíte v specification-- vám ukázať
na to, ako môžete skutočne vidieť niektoré z JSON nadchádzajúcej back--
že táto funkcia nakoniec vám umožní naplniť tie vyskakovacie menu tak
že po kliknutí na tlačidlo na marker v mape
je skutočne vidieť veľa guličiek, z ktorých každá
odkazy na článok.
>> Teraz sa poďme pozrieť na jeden posledný PHP súbor, ktorý, našťastie, nie je
majú veľa ísť on-- len celkom veľký TODO.
Práve teraz tento súbor vyhlasuje pole s názvom miesta.
A potom nakoniec publikácií že pole v JSON format--
to pekne, tlač len preto, aby veci sú jednoduchšie ladenie.
Bohužiaľ, v Uprostred je to TODO,
hovory, ktoré pre vás vyhľadávanie databázy pre miesta zodpovedajúcich geo HTTP
parametrov.
>> A skutočne, to bude byť jeden z vašich challenges--
implementovať túto funkciu tu tak, že keď sa obrátite na tento súbor
URL ako vyhľadávanie. php? geo = niečo, Váš kód bude nakoniec vráti JSON
pole zo všetkých miest vo vašom databázové tabuľky, ktoré zodpovedajú, že vstup.
Takže v prípade, že používateľ zadá v meste Cambridge, váš súbor tu search.php
by mala v konečnom dôsledku vrátiť pole JSON pre všetky zápasy na Cambridge,
ktorý by mohol byť v Massachusetts ale môže byť aj kdekoľvek inde.
>> A konečne, poďme sa pozrieť na dve súbory, ktoré sú statické ultimately--
Váš CSS súbor a váš súbor JavaScript.
Keď idem do našej CSS adresára, je tu celá partia súborov tam,
ale väčšina z nich sú knižnice.
Idem sa pozrieť, špecificky, na styles.css,
čo je naše vlastné globálne CSS, že je to bude štylizovať celý tento mashup.
Nechám to na vás, aby ste prečítať komentáre tu, ale v kocke,
to je CSS, ktorý zabezpečuje, že naše mashup, v predvolenom nastavení po vybalení z krabice,
vyzerá presne tak, ako chceme to-- s mapou plniace výrezu
a s hľadaním box sa v ľavom hornom rohu.
Tiež sme vziať slobodu štylizácia, že typeahead rozbaľovací
Ponuka trochu rovnako.
>> Najdôležitejšie súbor možno pre tento problém nastaviť
je to posledné, scripts.js.
Vnútri adresára JS je aj viac súborov.
Všetky z nich sú súbory knižníc s výnimkou pre tento jeden, scripts.js.
Po otvorení toto hore, poďme sa naša Posledné turné prostredníctvom funkcií, ktoré
sú zabudované do tohto súboru pre vás a upozorniť
na Todos, ktoré ležia pred nami.
>> V hornej časti tohto súboru, sú tri globálne premenné.
Jeden pre mapy, ktorý sa chystá je odkaz na našu mapu Google.
Môžete si ju trochu ako ukazovateľ.
Medzitým, máme ďalšie globálne premenné
volal info, ktorý sa zdá byť uloženie návratovej hodnoty volania
nové google.maps.InfoWindow.
JavaScript podporuje objekty, ktoré sú veľmi podobné v duchu k vzperami.
A čo tento riadok pre naše účely je na tom
je vytvorenie novej info Okno v pamäti a potom
vedenie okolo odkazu nej v premennej s názvom Info.
A medzi tými, Medzitým, je to, čo sa zdá
byť prázdny JavaScript pole s názvom značky.
Všetky tieto novín ikon, alebo môže zvoliť inú ikonu úplne,
sa bude skladovať nakoniec v tomto poli
takže môžeme veľmi ľahko pridať do Mapa a odstrániť z mapy.
>> Teraz prejdite nadol trochu a svišťanie
prostredníctvom kódu, ktorý ich bude urobí čo DOM alebo dokument
objektový model, alebo strana sama o sebe je pripravený.
Pripomeňme si, že túto syntax tu proste určuje
že nasledujúci kód by mali byť vykonávané iba
v prípade, že prehliadač dokončenie načítanie všetko ostatné.
>> Prvýkrát sme sa vyhlásiť veľa štýlov,
ktorý končí štylizácia Mapa podľa špec.
Potom sme vyhlásiť veľa možností,
čo ďalej prispôsobiť Google mapa, ktorá sa chystáme vložiť.
My potom použiť trochu jQuery kódu, ktorá je vysvetlená v trochu podrobnejšie
v spec, chytiť tento prvok, mapa, plátno
že sme tak jednoznačne identifikované.
A potom sa táto linka je tu to, čo sa zdá, ako mávnutím čarovného prútika, aby nám
Google vnútri naše vlastné aplikácie,
uloženie odkaz na ne V tejto premennej s názvom mapy.
>> A konečne, tu dole sme sa zaregistrujte čo sa nazýva poslucháč.
Myslíš, že back-- cesta, cesta back-- na týždeň nula v CS50
keď sme sa pozreli na Scratch a jeho podpora prostredníctvom prechádzku
vďaka za veci s názvom udalosti a vysielania.
Možno nepoužili it yourself, ale je to
mechanizmus, ktorý prehliadača v tomto prípade
Môžete získať našu pozornosť, keď je to pripravení skutočne spustiť nejaký kód.
V tomto prípade, že to bude počúvať na mapu na akciu s názvom nečinnosti.
To znamená, že prehliadač má dokončil načítanie mapy Google.
V tomto bode s názvom funkcie configure by nakoniec
byť vykonané.
Táto funkcia, konfigurovať, uvidíme, je napísaný u nás.
>> Teraz tu je funkcia že, bohužiaľ,
je len TODO add značka.
Per špec. budete potrebovať napísať kód, ktorý skutočne
pridáva marker-- nech to vyzerá ako noviny, alebo palec pripináčika,
alebo niečo else-- na Google mape.
Tu už je to, že funkcia volal configure.
Nechám to na vás, aby ste prečítať cez to podrobnejšie,
ale uvedomiť, že pridáme partia viac poslucháčov
takže môžeme spustiť kód, keď užívateľ klikne na vytiahne mapu.
Máme tiež kód tu, že inicializuje, že typeahead plugin
takže dropdown ponuka skutočne funguje.
>> Ale poďme zamerať na práve Pár miest tu.
Konkrétne sa to robiť.
Budem odložiť na on-line dokumentácie a špecifikácie
na to, ako vyplniť túto TODO.
Ale v skratke, táto knižnica doprednej umožňuje odovzdať
v tom, čo je všeobecne známe ako šablónu, , Ktorá má nejaké premenné zástupné symboly
veľmi podobný svojim duchom printf je%. * s.
Ale v tomto prípade, Šablóna na spec
umožňuje zadať to, čo chcete, premenné
aplikovať z údajov, ktoré pochádzajú späť z niečoho, ako je PHP
súbory, ktoré ste napísali ktoré sú emitujúca výstup JSON.
>> Teraz sem si uvedomil, že sme počúvanie pre doprednej výbery
keď používateľ skutočne vykonáva vyhľadávanie a vyberie hodnotu.
To je, ako sme vlastne bude počúvať, že
a spustiť nejaký kód ako výsledok.
Ďalej budeme pokračovať v konfigurácii mashup len trochu.
A nakoniec, nazývame táto funkcia aktualizácie.
Aktualizuje značiek na obrazovke.
Viac o tom za chvíľu.
Medzitým, je tu pár malé funkcie v tu.
Jedným z nich je hideInfo ktorý proste zavrie InfoWindow.
Ďalšou funkciou, ktorá sem nakoniec nebude príliš dlhá, odstrániť značky.
To bude vrátiť čokoľvek Váš add funkcie značka robí.
A potom tu je vyhľadávanie.
A toto je zaujímavé, pretože my písali kód JavaScriptu, ktorý je
hovoriť do search.php na serveru a získať späť časť odpovede.
>> Tie, samozrejme, bude aj naďalej musieť implementovať search.php,
ale my sme realizovaný JavaScript kód, ktorý je
bude zvládnuť skutočne vykonáva vyhľadáva od tohto textového poľa.
Najmä, oznámenia že táto funkcia tu,
vyhľadávanie, to volanie search.php metódou zvanou
dostať JSON, ktorý sme videli v prednáške.
A syntax tu je trochu inak
z prednášky v tom, že sme pomocou jQuery tzv sľub rozhranie.
O tom viac v špec.
To jednoducho znamená pre našu účely sa, že tam
sú dve špeciálne funkcie sme treba volať bodovým zápisom
tu hneď po volaní dostať JSON.
Jedným z nich je tzv hotovo.
Jedným z nich je tzv zlyhanie.
Môžete si myslieť o týchto ako ovládač úspech
a psovod zlyhanie práve V prípade, že sa niečo pokazí.
>> Teraz sa pozrime na poslednú niekoľko funkcií v tomto súbore.
Tu dole je funkcia nazvaný showinfo, ktorý
zobrazuje informácie v jednom z tých, malé info okná, ktoré
sa objaví, keď používateľ klikne na značku.
Tu dole je ďalší že funkcia aktualizácie
že sme zaviedli pre vás.
To určuje hranice mapy.
Aké sú GPS súradnice jeho severovýchod a juhozápadnej rohy tu.
Pripravili sme niektoré parametre HDP tu a potom prešiel ich nakoniec
ku update.php, ktorý máme implementované aj pre vás.
To nakoniec dostane späť časť JSON od súbor s názvom update.php
a potom sa odstráni všetky značky na obrazovke
a potom sa opakuje po Dáta, ktoré sa vráti
z update.php, ktorý opäť je len pole JSON.
A potom sa to nakoniec pridá značku pre každé z týchto miest, manipulácia zlyhanie
alebo chyby, ktoré by mohli veľmi dobre stať.
>> Teraz už len stačí, aby vám chuť na to, ako môže ísť o ladenie tohto projektu,
Uvedomujem si, že som otvoril v vopred túto kartu sem na túto adresu URL,
pset8 / articles.php? geo = 02138.
Teraz, znovu, články o PHP sme zaviedli pre Vás
takže to nie je tak moc to, čo budete používať
ladenie, ale skôr techniky.
Všimnite si, že som hľadal Cambridgeova PSČ tu,
a ja som dostal späť, naozaj, JSON Pole JSON objektov vnútri ktorého
sú dva keys-- odkaz a názov.
>> Tak táto funkcia pracuje už pre vás.
Ale táto technika manuálne deje na adresu URL, ako je to na niečo ako
search.php? geo = Cambridge alebo 02138 alebo čo užívateľ napísal by mel
neoceniteľné ako vy, sami, skúste presne zistiť, či je, alebo prečo
search.php funguje, alebo nie.
>> Nakoniec potom máte niekoľko Todos pred vami.
Budeš prvý náradie že import skript, ktorý
číta us.text do databázy.
Tie potom bude potrebovať implementovať search.php
tak, že sa správa presne tak, ako je uvedené.
Tie potom bude chcieť zamerať sa na scripts.js
a nakoniec implementuje tých pár Todos,
vrátane configure a že šablóna,
pridať značky, odstrániť značky, a potom posledný, ale v neposlednom rade, jeden
osobný kontakt.
>> Akonáhle máte mashup prácu celkom ako je tá naša, cieľ na dosah ruky
je pre vás pridať osobné dotyk na vašej mashup,
či už je to estetické alebo funkčné.
Vezmite mashup niekedy tak mierne na ďalšiu úroveň.
Tak dlho, ako budete tlačiť sami za Váš oboznámenosť s spec samotným
a vyzdvihnúť jednu techniku nový, aj keď je to len
niečo estetický ako meniace sa usporiadanie mapy, ktorý používate,
rozsah, že očakávame budú spokojní.
To je potom problém Set 8 Mashup.
Zostaňte naladení na viac špecifikácie a veľa šťastia
riešenie, vaša posledná CS50 problém nastaviť vôbec.
>> [Hudba hrať]