[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ť]