[Seinm ceoil] 

DAVID J. MALAN: Dia duit. A ligean ar a chur ar siúl trí Fadhb Socraigh 8 Mashup, atá ag dul chun dúshlán a thabhairt duit tharraingt ar heilimintí Google Maps le gnéithe ó Google Nuacht agus mash iad le chéile i feidhmchláirín gréasáin go Ceadaíonn úsáideoir chun cuardach a dhéanamh léarscáil chun nuacht áitiúil le bailte ar leith, cathracha, agus cóid zip. Chun seo a dhéanamh, táimid ag dul go dtí roinnt HTML chomhtháthú, CSS, PHP, SQL, JavaScript, agus teicníc ar a dtugtar de ghnáth mar AJAX fhonn a chruthú seo immersive taithí úsáideora. 

A ligean ar chéad uair Google Maps féin. Seo, ar ndóigh, tá, b'fhéidir comhéadan ar an eolas. Ach casadh sé amach go Google Maps ar fáil chomh maith le hiarratas API-- cláir interface-- tríd a Is féidir leat a gnéithe de Google Maps a ghlacadh agus iad a chomhtháthú isteach do iarratas féin. Go deimhin, ar fud an phróiseas, tá tú ag dul a aimsiú cúpla URLanna cabhrach go háirithe go luaitear sa sonraíochtaí le haghaidh Set Fadhb 8, go sonrach seo Ag Tosú Treoir ar nó Treoir an Fhorbróra do Google Maps API Leagan 3 chomh maith mar an API Google Maps JavaScript tagairt v3, a bhfuil beagán níos arcane a léamh ach i ndáiríre tá gach ceann de na leibhéil níos ísle sonraí faoi cad feidhmeanna nó na modhanna agus nithe agus airíonna agus imeachtaí teacht i ndáiríre leis an API, an-chosúil i spiorad go [inaudible] leathanaigh. 

Anois, má táimid le breathnú ag Google News, beidh tú b'fhéidir a fheiceáil comhéadan eolas anseo. Ach casadh sé amach is féidir leat cuardach a dhéanamh freisin Google News do geographies sonracha trí paraiméadar HTTP a dtugtar geo. Go deimhin, má súmáil mé i suas anseo, beidh tú a fheiceáil go bhfuil Tá mé ag news.google.com/news/section?geo=02138. Agus, go deimhin, má súmáil mé amach, beidh tú a fheiceáil go bhfuil mé féachaint ar leathanach a bhfuil a bunch iomlán de tuairimí faoi Cambridge, Massachusetts. 

Idir an dá linn, má athraíonn mé i ndáiríre ar an URL gan a bheith ina cód zip mar seo, ach rud éigin a Messier beag cosúil Cambridge, + Massachusetts, áit a bhfuil an móide an dóigh leat ionchódú a carachtar spáis i URL agus brúigh Iontráil, Feicfidh tú a fheiceáil go bhfuil mé i ndáiríre Féach beagnach an nuacht céanna. B'fhéidir go bhfuil sé beagán difriúil mar gheall ar Cambridge iarbhír Tá cóid zip il. Anois, conas a bheadh ​​a fhios agam go bhfuil agus, i ndáiríre, conas a d'fhéadfadh mé ar bhealach cathracha agus bailte a cheangal le cóid zip i gcás I ag iarraidh a ligean don úsáideoir chun breathnú suas an oiread? Bhuel, casadh sé amach go níl ar an suíomh gréasáin amach ann ar a dtugtar geonames.org atá tionscnamh a bheith acu bunachar sonraí fáil saor in aisce ar fad cineál faisnéise geografach, ní hamháin do na Stáit Aontaithe, ach freisin do thíortha eile chomh maith. Go deimhin, má théann mé go dtí an URL anseo, a luaitear i an fhadhb atá leagtha sonraíocht, beidh tú a fheiceáil trí liostú a bunch iomlán de chomhaid zip Is féidir le aon cheann de a íoslódáil ag tú. Go deimhin, chun an fhadhb seo a leagtar tú ag dul a íoslódáil us.zip. Anois istigh an comhad seo, ina n-iomláine bunch na sonraí i bhformáid téacs. Is é an comhaid an-chosúil le CSV-- Camóga Luachanna Scartha file-- ach úsáideann sé i ndáiríre Cluaisíní réimsí mharcáil. Anois, Idir an dá linn, má fhéachann tú anseo ag an méid atá mé béim, réimsí sa chomhad seo ag dul a bheith rudaí cosúil le cóid tír, cóid poist, logainmneacha, agus ansin, i bhfoirm éigin nó eile, stáit agus contaetha, pobail, agus níos mó. Go deimhin, tá mé cheana íoslódáil an comhad seo roimh ré. Lig dom dul ar aghaidh agus é a oscailt here-- us.text-- agus, go deimhin, beidh tú fheiceáil má scrollaigh mé síos go dtí an líne 16,792 Feicfidh tú a fheiceáil cúpla taifid Cambridge, Massachusetts agus a chuid cóid zip éagsúla. Cad a fheiceann tú freisin go bhfuil an contae, roinnt uimhreacha nach bhfuil mé i ndáiríre a thuiscint, ach freisin go léir ar an mbealach ar an gceart, roinnt GPS coordinates-- domhanleithead agus domhanfhad. Tá sé seo iontach mar cheann de na gnéithe de Google Maps API Is é an cumas a bhrath áit a bhfuil tú go geografach ó thaobh GPS comhordanáidí. 

Anois, a ligean ar tús a chur chun an figiúr amach conas a tús a tying na rudaí seo le chéile. Táimid tar éis a thabhairt duit ina n-iomláine bunch cód dáilte, chomh maith le bunachar sonraí MySQL. Go deimhin, má tá mé ag tarraingt ar phpMyAdmin bhfuil allmhairithe cheana, mar a bheidh tú go luath, pset8.SQL, beidh tú a fheiceáil tábla MySQL a Breathnaíonn mar seo, ar réimse ID, tír cód, cód poist, ainm áit agus níos mó. Na cineálacha gach ceann de na colúin díorthaithe mé go simplí ag léamh an readme.text comhad anseo go sonraithe cibé acu an bhfuil réimse slánuimhir, nó varchar nó a leithéidí. 

Mar sin, tá muid a cruthaíodh go tábla do tú, agus thug tú an orduithe SQL a fhorghníomhú a chruthú go tábla i do bhunachar sonraí féin, ach níl i ndáiríre aon sonraí ann go fóill. Ina ionad sin, tá tú ag dul a bheith acu chun íoslódáil us.zip nó aon tíre zip comhad as sin URL ann. Agus ansin tá tú ag dul a bheith acu a scríobh script orduithe i PHP go ag dul a oscailt suas an téacs comhad, iterate thar a línte, agus ansin do gach ceann de dhéanann na línte mhír ionsáite isteach go gcuireann an tábla i do bhunachar sonraí MySQL. Mar sin, ag deireadh an phróisis seo, beidh tú reáchtáil go script deireadh thiar ach aon uair amháin go teoiriciúil. I ndáiríre beidh tú is dócha rith sé a bunch na n-amanna agus ag iarraidh a shocrú bugs éagsúla. 

I ndeireadh na dála, tá tú ag dul a bheith acu bunachar ndáiríre mór le na mílte agus na mílte na rónna geografach. Ansin tá tú ag dul a chur go allmhairiú Script leataobh nuair a tá sé ag obair agus tá do bhunachar sonraí deas agus ceart, agus ansin tú ag dul chun bogadh ar aghaidh go dtí go hiarbhír cur chun feidhme an Mashup féin. Is é an Mashup dul chun breathnú rud beag mar seo. Ag mashup.cs50.net, táimid Tá réiteach foirne go Breathnaíonn rud beag mar seo. Go deimhin, má tá mé cliceáil ar an nuachtán icon do Cambridge, Massachusetts, Feicfidh tú a fheiceáil sníomh icon hachomair agus ansin an liosta a shórtáil, a liosta le hurchair earraí a bhaineann le Cambridge, Massachusetts. Má mé cliceáil ar Chathail, Massachusetts, Feicfidh mé a fheiceáil mar an gcéanna don bhaile. Agus Má mé cliceáil ar Watertown, Massachusetts, ní a d'fhéadfadh a bheith ann ar bith nuacht ón Watertown, ionas go mbainfidh tú a fheiceáil rud éigin cosúil le lá nuachta mall. 

Anois, Idir an dá linn, ar chlé barr iad roinnt rialuithe Google Maps eolas chun ligean duit zúmáil amach, pan suas, síos, ar chlé, agus an ceart, ach freisin bosca cuardaigh a chuir muid ann. Mar sin, má tá mé cuardach a dhéanamh, frankly, an cód zip amháin eile a fhios agam, 90210, beidh orainn a fheiceáil i ndáiríre Beverly Hills, California. Nuair a chliceáil eascraíonn sé dom California agus a bunch iomlán de nuacht faoi Beverly Hills. Anois faoi deara, freisin, an méid a tharla ann. Má mé an cuardach seo am le haghaidh 02138 nó fiú Cambridge camóg Massachusetts nó cuid athraitheach de, a fhaigheann tú beag anuas autocomplete. Anois tá sé seo ag baint úsáide as breiseán do leabharlann a dtugtar jQuery, agus go dtugtar breiseán typeahead. Ach léigh muid tríd an doiciméadú, íoslódáil na .js comhad comhtháite isteach an cód dáilte ionas go mbeidh tú Is féidir deireadh thiar a scríobh an cód a Líonann go roghchlár anuas leis an uathoibríoch roghnúcháin nó na moltaí uathoibríoch. 

Anois an cód dáilte, áfach, go bhfuil fuair tú nach bhfuil a dhéanamh beagnach oiread. A gheobhaidh tú an Léarscáil Google leabaithe, agus gheobhaidh tú na rialuithe an barr ar chlé, agus gheobhaidh tú an bosca cuardaigh. Ach má cineál mé rud éigin cosúil le 02138, aon áit le fáil go fóill. Mar sin, tá go bhfuil ag dul a bheith ar cheann de na spriocanna anseo. Thairis sin, má ghlacann tú le céim ar ais agus féachaint ar an léarscáil féin, níl aon nuacht ar bith. Fiú má cliceáil agus tarraing, aon marcóirí iarbhír feiceáil do nuacht mar gheall ar go Tá dúshlán fágtha ar do shon chomh maith. 

A ligean ar ghlacadh le breathnú ansin ag an cód dáilte. Nuair atá tú a íoslódáil pset8.zip agus unzipped sé isteach i do eolaire vhost sa Fearas CS50, Feicfidh tú a fheiceáil na Eolairí anseo taobh istigh. Bin-- a sheasann go ginearálta do dénártha programs-- inrite Áirítear, mar atá i pset7, roinnt PHP comhaid go n-áiríonn comhaid eile, ansin poiblí, a bhfuil na comhaid go bhfuil gá a bheith inrochtana go poiblí d'úsáideoir le brabhsálaí. A ligean ar ghlacadh le breathnú ar an bin eolaire, agus beidh muid a fheiceáil go níl comhad ann ar a dtugtar cheana féin Iompórtáil. Má osclaíonn muid seo le gedit, beidh orainn a fheiceáil sin, ar an drochuair, nach bhfuil i bhfad ansin. Gach go bhfuil, áfach, Is shebang ag barr a shonraíonn a interpreter-- sa chás seo PHP-- ba chóir a úsáid chun iarbhír fhorghníomhú an comhad seo. Ach ansin nuair a deir sé Tá TODO nuair a bhíonn tú ag dul go mór a scríobh roinnt cód go n-éilíonn dócha go bhfuil an config comhad sin ar an n-áirítear eolaire mar atá déanta againn roimh le comhaid PHP. Agus ansin tá tú ag dul go dtí a oscailt suas ar bhealach us.text bhfuil tú dócha tar unzipped cheana. Ansin tá tú ag dul a bheith acu chun iterate thar na línte sa chomhad, b'fhéidir ag baint úsáide as roinnt de na feidhmeanna mholtar sa tsonraíocht. Ansin cuir isteach gach ceann de na línte i mbunachar sonraí MySQL trí úsáid a bhaint as an bhfeidhm cheist, a tá muid ar fáil arís tú with-- nó ar a laghad a mhalairt de i functions.php, a beidh orainn a fheiceáil i díreach nóiméad. 

Anois, a ligean ar dhúnadh allmhairiú agus dul ar ais go dtí ár n-eolaire agus an uair seo dul isteach Áirítear. Agus má dhéanann mé LS ann, beidh tú a fheiceáil trí chomhad sách cosúil Set Fadhb 7. Agus a ligean ar ghlacadh le breathnú tapaidh, mar shampla, ag config.php. I tá, línte níos lú ná riamh, agus é a Dealraíonn Áirítear comhad seo constants.php agus functions.php. Táimid ag baint úsáide as beagán difriúil teicníc an uair seo ar fud a iarbhír a shonrú go bhfuil na comhaid coibhneasta go dtí an chomhadlann reatha __ DIR__ Is ionann is cuma cén eolaire seo comhad, config.php é féin i. Mar sin, tá sé seo le níos mó bhealach follasach shonrú cad comhaid eile ba mhaith leat a éileamh. 

Anois, má mé gar comhad seo agus oscailt suas constants.php ina ionad sin, Feicfidh tú a fheiceáil comhad an-reminiscent go Fadhb Socraigh 7 chomh maith, cé le bunachar sonraí difriúla tá pset8. Ar deireadh, i functions.php, beidh orainn a fheiceáil ach feidhm amháin an uair seo ar a dtugtar cheist. Tá sé seo beagnach mar an gcéanna ach amháin againn a láimhseáil earráidí an uair seo ar fud le beagán éagsúil, ach tá sé go bhfuil úsáid mar atá i fhadhb an céanna a leagtar seacht. 

Anois, a ligean ar dul ar ais isteach inár pset8 eolaire, dul isteach an phobail, agus i ann má dhéanann mé LS, feicfidh tú this-- articles.php, index.html, search.php, agus update.php-- gach comhad. Agus ansin na clónna CSS, IMG, agus js eolaire sách cosúil pset7. 

A ligean ar ghlacadh le breathnú ar index.html, a bhfuil ag dul a bheith i ndáiríre ar an phointe iontrála chuig an smashup. Anois i index.html, beidh tú a fheiceáil ina n-iomláine bunch na n-eilimintí nasc sa cheann, go sonrach, maidir le bootstrap as ár gcuid féin CSS dhiaidh bunch iomlán de script clibeanna le haghaidh rudaí ar nós na léarscáileanna, API féin, marcóir speisialta le lipéad fóntais a luaite againn san Tá sonraíocht atá ar fáil duit, jQuery féin, bootstrap féin, agus leabharlainne eile ar a dtugtar fostríoc a labhairt linn faoi ar an spec. Underscore.js cosúil jquery.js Tá leabharlann JavaScript go bhfuil a bunch iomlán de feidhmiúlacht go bhfuil a lán de na daoine sa domhan mian ann i JavaScript féin. Mar sin, tá gach ceann de na i ndáiríre coitianta go leor. Táimid tar éis a luadh chomh maith typeahead a bhfuil an leabharlann sin a dhéanann sin anuas autocomplete agus ar deireadh nasc chuig ár JavaScript féin. 

Idir an dá linn, agus b'fhéidir buíochas le Dia, Mashup seo tiomáinte ag réasúnta beag HTML síos anseo ag bun an leathanaigh. Fógra go atá againn a shonraítear a div i ár gcomhlacht ar sreabhach ranga coimeádán. Seo, bootstrap in aghaidh na s doiciméadú, ach ciallaíonn sé go bhfuil an div ag dul a líonadh isteach ar an Radharcphort na hurrainne nó fhuinneog an bhrabhsálaí go hiomlán. 

Idir an dá linn, thíos go mór dúinn a div go bhfuil d'oscail agus dúnta láithreach leis an ID uathúil chanbhás léarscáil. Tá sé seo anois ó Google Léarscáileanna doiciméadú dá API, trína gá dom ach a Tá div folamh isteach a a instealladh, deireadh thiar, ar Google Maps iarbhír. Ach níos mó ar sin i ach beagán. 

Ar deireadh, níl foirm taobh istigh de anseo a cuireann an bhosca téacs ar bun ar chlé barr inár comhéadan do chuardach. Fógra go atá againn a úsáidtear le beagán de bootstrap anseo too-- rudaí cosúil fhoirm-inlíne agus foirm-ghrúpa. Táimid tar éis a tugadh an iar le haitheantas ar leith den fhoirm. Agus ansin, ar deireadh thiar, tá mé i ndáiríre cineál ionchur, a bhfuil eolas go leor, a bhfuil a ID q. Just choinbhinsiún. Q do d'fhéadfadh a bheith query-- a bheith ar a dtugtar rud ar bith. Agus ansin an placeholder, Idir an dá linn, tá cathair, stát, agus cód poist a d'fhéadfadh tú a thabhairt chun cuimhne bhfaca inár Mashup taispeána níos luaithe. A ligean ar a dhúnadh an comhad seo. 

Anois ghlacadh le breathnú ar na comhaid PHP go ag fanacht agus ansin na comhaid JavaScript. Is é ár gcomhaid PHP, tá muid i bhfeidhm cheana féin le haghaidh tú, mar shampla, nuashonruithe. Update.php-- ní bheidh muid a chaitheamh ollmhór méid ama ar here-- i nutshell tá an comhad go bhfuil ár Tá JavaScript cód dul dul i dteagmháil via AJAX go teicníc asynchronous go tógadh isteach JavaScript na laethanta go dul chun ligean dúinn a iarraidh update.php le haghaidh tuilleadh eolais. 

Go sonrach, ag am ar bith drags an t-úsáideoir an léarscáil nó a chomhlíonann cuardach a jumps an t-úsáideoir chuig láthair eile, ár cód JavaScript, mar beidh orainn a fheiceáil go luath é, dul chun glaoch update.php agus a iarraidh le haghaidh 10 nó mar sin marcóirí laistigh den Radharcphort na hurrainne bunaithe ar an GPS comhordanáidí an barr agus bun coirnéil den léarscáil. Is féidir linn a repopulate ansin an léarscáil anois go Tá an t-úsáideoir ar athraíodh a ionad an scáileán in ord a fheiceáil ar 10 is dócha nua marcóirí do bhailte éagsúla. Idir an dá linn, is é an comhad seo sa deireadh thiar ag dul a fhorghníomhú cheist SQL i gcoinne ár mbunachar sonraí áiteanna tábla ar a dtugtar a ag dul a thabhairt ar ais dóibh siúd 10 nó níos lú áiteanna. 

Idir an dá linn, i articles.php, tá ceann eile comhad againn scríofa ina iomláine. Tá sé an-chosúil spiorad a Feidhm lookup Fadhb Set 7 s, a chuaigh i dteagmháil Yahoo Airgeadais do shon. Seo comhad teagmhálacha Google News ar do shon, grabbing ar deireadh thiar meaisín-inléite version-- i rud éigin ar a dtugtar RSS format-- den nuacht do Cambridge nó Beverly Hills nó cibé baile atá tú cuardach a do bunaithe ar an geoparameter. Pharsáil go RSS, a bhfuil ach cineál teanga marcála a dtugtar XML, agus ansin dúinn i ndáiríre seol ar ais go dtí do bhrabhsálaí agus do do chód JavaScript, go sonrach, i bhformáid a dtugtar JSON, JavaScript Nodaireacht Réad. Anois, beidh tú a fheiceáil ar an specification-- pointe duit ar conas is féidir leat a fheiceáil i ndáiríre roinnt de na back-- teacht JSON go feidhmiúlacht seo sa deireadh thiar ligeann tú populate sin biachláir aníos mar sin go nuair a chliceálann tú ar marcóir ar an léarscáil fheiceann tú i ndáiríre a bunch iomlán de urchair, gach ceann acu naisc alt. 

Anois, a ligean ar ghlacadh le breathnú ar ceann deireanach Comhad PHP a, fortunately nach bhfuil, Tá i bhfad ag dul on-- ach TODO mór go leor. Ceart anois Dearbhaíonn an comhad seo sraith a dtugtar áiteanna. Agus ansin priontaí deireadh thiar go eagar i JSON format-- deas-priontáil sé ach ionas go Tá rudaí níos éasca a dífhabhtaithe. Ar an drochuair, sa lár tá an TODO, a glaonna chun tú chun cuardach a dhéanamh ar an bunachar sonraí d'áiteanna atá comhoiriúnach le geo HTTP paraiméadar. 

Agus, go deimhin, tá sé seo ag dul go dtí a bheith ar cheann de do challenges-- chun feidhmiúlacht seo a chur i bhfeidhm anseo ionas gur nuair tú dul i dteagmháil comhad seo le URL mhaith cuardaigh. php? geo rud, Beidh do chód ar ais ar deireadh thiar a JSON sraith de gach ceann de na háiteanna i do tábla bunachar bhfuil comhoiriúnach go ionchur. Mar sin, má tá na cineálacha úsáideoir i Cambridge, do chomhad anseo search.php Ba chóir ais ar deireadh thiar sraith JSON do gach ceann de na cluichí do Cambridge, d'fhéadfadh a bheith i Massachusetts ach d'fhéadfadh a bheith fiú in aon áit eile. 

Ar deireadh, a ligean ar ghlacadh le breathnú ar dhá comhaid atá ultimately-- statach do chomhad CSS agus do chomhad JavaScript. Má théann mé isteach inár eolaire CSS, níl a bunch iomlán de chomhaid ann, ach tá an chuid is mó acu leabharlanna. Tá mé ag dul a chur le breathnú, go sonrach, ag styles.css, a bhfuil ár CSS domhanda féin go ag dul go dtí seo a stylize Mashup ar fad. Feicfidh mé é a fhágáil chun tú a léamh tríd na tuairimí anseo, ach, i nutshell, is é seo an CSS a chinntíonn go bhfuil ár Mashup, de réir réamhshocraithe as an bosca, tá sé go díreach ar an bhealach is mian linn it-- leis an léarscáil líonadh an gcalafort dearcadh agus leis an gcuardach bosca suas ar chlé barr. Táimid tar éis tógtha chomh maith leis an saoirse stylizing sin anuas typeahead roghchlár beagán chomh maith. 

An comhad is tábhachtaí b'fhéidir le haghaidh an fhadhb seo a leagtar Tá sé seo ar cheann deireanach, scripts.js. Taobh istigh de do eolaire JS Tá comhaid fiú níos mó. Tá gach ceann acu comhaid leabharlainne ach amháin i gcás an gceann seo scripts.js,. Má osclaíonn muid suas seo, a ligean ar chur ar ár turas deiridh tríd na feidhmeanna sin a tógadh i gcomhad seo duit féin agus aire glaoch leis na Todos atá amach romhainn. 

Ag barr den comhad seo, Tá trí athróg domhanda. Ceann ar léarscáil, a bhfuil ag dul go dtí a bheith ina tagairt do ár léarscáil Google. Is féidir leat smaoineamh ar é saghas mar pointeoir. Idir an dá linn, ní mór dúinn athróg domhanda eile ar a dtugtar info, a bhfuil an chuma a bheith stóráil an luach ar ais glao go google.maps.InfoWindow nua. Tacaíonn JavaScript rudaí a Tá an-chosúil spiorad a teanntóga. Agus cad líne seo le haghaidh ár cuspóirí atá á dhéanamh ag cruthú eolas nua fuinneog i gcuimhne agus ansin choinneáil timpeall tagairt ghabhann i athróg ar a dtugtar Eolas. Agus i idir na, Idir an dá linn, cad is cosúil a bheith ina JavaScript folamh eagar ar a dtugtar marcóirí. Gach ceann de na deilbhíní nuachtáin, nó is féidir leat D'fhéadfadh a roghnú deilbhín eile ar fad, ag dul a stóráil deireadh thiar sa eagar ionas gur féidir linn a chur go héasca chun an léarscáil agus iad a chur as an léarscáil. 

Anois, a ligean scrollú síos le beagán agus whiz tríd an cód go bhfuil ag dul a bheith báis a luaithe is an DOM nó doiciméad samhail rud nó an leathanach é féin tá sé réidh. Thabhairt chun cuimhne go bhfuil an error Sonraíonn anseo ach go bhfuil an cód seo a leanas ba cheart go ndéanfadh amháin nuair a bheidh an bhrabhsálaí críochnaithe luchtú gach rud eile. 

Táimid dhearbhú ar dtús bunch iomlán de stíleanna, a deireadh suas stylizing an léarscáil de réir an spec. Táimid dhearbhú ansin bunch iomlán de roghanna, a shaincheapadh ar a thuilleadh ar an Google léarscáil go bhfuil muid ar tí é a leabú. Bainimid úsáid ansin le beagán de jQuery cód, a mhínítear i beagán níos mine sa spec, a grab an eilimint, léarscáil-chanbhás go bhfuil muid a aithníodh amhlaidh uathúil. Agus ansin tá an líne seo anseo cad is cosúil a thabhairt magically dúinn léarscáil Google taobh istigh de ár n-iarratas féin, stóráil tagairt a ghabhann leis sa mhéid is go léarscáil athróg ar a dtugtar. 

Ar deireadh, síos anseo clárú againn cad atá ar a dtugtar éisteoir. Smaoinigh ar bhealach back--, bhealach back-- le seachtain náid i CS50 nuair a d'fhéachamar ar Scratch agus a tacaíocht trí siúlóid trí do rudaí ar a dtugtar imeachtaí agus craoltaí. Ní fhéadfá a bheith in úsáid é féin, ach tá sé meicníocht trína a bhrabhsálaí sa chás seo Is féidir a fháil ar ár n-aird nuair atá sé réidh a fhorghníomhú i ndáiríre roinnt cód. Sa chás seo, tá sé ag dul a bheith ag éisteacht leis an léarscáil chun imeacht ar a dtugtar díomhaoin. Ciallaíonn sé seo go bhfuil an bhrabhsálaí críochnaithe luchtú an léarscáil Google. Ag an bpointe seo feidhm a dtugtar Ba chóir chumrú deireadh thiar a fhorghníomhú. Feidhme sin, chumrú, beidh orainn a fheiceáil, scríofa ag dúinn. 

Anois tá síos anseo feidhm go bhfuil, ar an drochuair, ach marcóir mbreiseán TODO. Per an spec. bhfuil tú ag dul go dtí gá a scríobh an cód a iarbhír Cuireann marker-- cibé tá sé cosúil le nuachtán, nó tack ordóg, nó else-- rud éigin ar an léarscáil Google. Seo anois an fheidhm sin ar a dtugtar chumrú. Feicfidh mé é a fhágáil chun tú a léamh tríd an níos mine, ach a thuiscint go a chur againn a Éisteoirí bunch níos ionas gur féidir linn a fhorghníomhú cód nuair cad a tharlaíonn nuair úsáideoir ar an agus drags an léarscáil. Tá cód mór dúinn freisin i anseo go initializes sin Breiseán typeahead ionas go mbeidh an anuas Oibríonn roghchlár ndáiríre. 

Ach a ligean ar díriú ar ach cúpla na n-áiteanna anseo. Go sonrach, seo a dhéanamh anseo. Beidh mé a chur siar go dtí an líne doiciméadú agus an tsonraíocht do conas a líonadh isteach an TODO. Ach i nutshell, leabharlann seo typeahead is féidir leat chun pas a fháil i cad atá ar a dtugtar de ghnáth mar theimpléad, a bhfuil roinnt ionadchoinneálaithe athróg an-chosúil spiorad a printf ar%. * s. Ach sa chás seo, an teimpléad in aghaidh an spec is féidir leat a shonrú cad athróg ba mhaith leat a instealladh ó shonraí go bhfuil teacht ar ais ó rud éigin cosúil leis an PHP comhaid go atá tú ag scríobh atá astú aschur JSON. 

Anois realize síos anseo go bhfuil muid éisteacht le haghaidh roghnúcháin typeahead nuair a bheidh an t-úsáideoir a stiúrann iarbhír a chuardach agus a roghnaíonn luach. Seo é an chaoi go bhfuil muid i ndáiríre ag dul a bheith ag éisteacht chun agus a fhorghníomhú roinnt cód, mar thoradh air. Ansin leanaimid ar aghaidh a chumrú an Mashup ach beagán. Agus, ar deireadh, tugaimid seo cothrom le dáta an fheidhm. Nuashonrú sé an marcóirí ar an scáileán. Níos mó ar an i díreach nóiméad. Idir an dá linn, níl cúpla feidhmeanna beag i anseo. Ceann acu hideInfo a ach Dúnann an InfoWindow. Feidhm eile anseo, a bhfuil deireadh thiar Ní bheidh a bheith ró-fhada, marcóirí a bhaint. Sin ag dul a Cealaigh cuma cad dhéanann do fheidhm marcóir mbreiseán. Agus ansin síos anseo cuardaigh. Agus is é an ceann seo suimiúil mar gheall orainn bhfuil scríofa an cód JavaScript go dul chun labhairt search.php ar an freastalaí agus dul ar ais ar roinnt fhreagairt. 

Tá tú, ar ndóigh beidh, fós Ní mór a chur i bhfeidhm search.php, ach tá muid i bhfeidhm ar an JavaScript cód go ag dul a láimhseáil iarbhír ag feidhmiú cuardaigh ón bhosca téacs. Go háirithe, fógra go fheidhm seo anseo, cuardaigh, ní glaoch search.php ar mhodh ar a dtugtar fháil JSON, a chonaic muid i léacht. Agus an error anseo Is beagán difriúil as léacht sa mhéid is go bhfuil muid ag baint úsáide as jQuery mar a thugtar air comhéadan gealltanas. Níos mó ar sin sa spec. Ciallaíonn sé seo ach le haghaidh ár críocha anois go bhfuil Tá dhá fheidhm ar leith againn Ní mór a ghlaoch le nodaireacht ponc anseo díreach tar éis glaoch JSON fháil. Amháin ar a dtugtar déanta. Amháin ar a dtugtar theipeann. Is féidir leat smaoineamh ar na mar an láimhseálaí rath agus an láimhseálaí teip díreach i gcás théann rud éigin mícheart. 

Anois, a ligean ar breathnú ar an ceann deireanach cúpla feidhmeanna i gcomhad seo. Síos anseo feidhm ar a dtugtar showInfo, a Léiríonn info i gceann de na fuinneoga info beag a Vox suas nuair a cad a tharlaíonn nuair an t-úsáideoir marcóir. Síos anseo a thuilleadh é feidhme sin cothrom le dáta go mór dúinn i bhfeidhm ar do shon. Cinneann sé de theorainneacha an léarscáil. Cad iad na GPS comhordanáidí a thuaidh agus siar ó dheas coirnéil anseo. Táimid tar éis a ullmhú ar roinnt paraiméadair HDP anseo agus ansin rith siad ar deireadh thiar a update.php, a tá muid i bhfeidhm freisin ar do shon. Go bhfaigheann deireadh thiar ar ais roinnt JSON ó na comhaid ar a dtugtar update.php agus ansin baintear aon marcóirí ar an scáileán agus ansin iterates thar na sonraí go bhfuil teacht ar ais as update.php, a Is arís ach sraith JSON. Agus ansin cuireann sé ar deireadh thiar marcóir do gach ceann de na háiteanna, a láimhseáil teip nó earráidí a d'fhéadfadh tarlú go han-mhaith. 

Anois, ach a thabhairt duit a bhfuil blas ar conas tú D'fhéadfadh dul faoi debugging an tionscadal seo, a thuiscint go bhfuil mé osclaíodh i cinn seo cluaisín anseo chun an URL, pset8 / articles.php? geo = 02138. Anois, arís, altanna faoi PHP bhfeidhm againn ar do shon mar sin nach bhfuil sé seo an oiread sin cad beidh tú ag baint úsáide as go debug, ach an teicníc. Fógra go bhfuil mé chuardach Zip-cód Cambridge anseo, agus tá mé gotten ar ais, go deimhin, a JSON sraith de JSON rudaí taobh istigh a Tá dhá nasc keys-- agus teideal. 

Fheidhmiúlacht seo amhlaidh Oibríonn cheana féin le haghaidh tú. Ach an teicníc de láimh ag dul do URL mar seo as rud éigin cosúil le search.php? geo = Cambridge nó 02138 nó is cuma cad tá an t-úsáideoir clóscríofa i Ba chóir go chruthú luachmhar mar atá tú, tú féin, déan iarracht a dhéanamh amach go díreach an bhfuil nó cén fáth search.php ag obair nó nach bhfuil. 

I ndeireadh na dála sin, caithfidh tú a Todos cúpla amach romhat. Tá tú ag dul go dtí an chéad uirlisí go script allmhairiú sin léann i us.text i do bhunachar sonraí. Tá tú ag dul ansin chun mór a chur i bhfeidhm search.php ionas go behaves sé díreach mar atá sonraithe. Tá tú ag dul ansin go dtí gur mian chun díriú ar scripts.js agus ar deireadh thiar i bhfeidhm iad siúd cúpla Todos, lena n-áirítear chumrú agus go bhfuil teimpléad, marcóirí a chur, marcóirí a bhaint, agus ansin seo caite, ach ní a laghad, ceann amháin teagmháil phearsanta. 

Nuair a bheidh tú do chuid oibre Mashup sách cosúil linne, an sprioc ar láimh Is le haghaidh duit a chur ar pearsanta dteagmháil le do Mashup, bíodh sé aeistéitiúil nó feidhmiúil. Tóg an Mashup riamh mar sin beagán go dtí an chéad leibhéal eile. Mar sin, fad a bhrú tú féin thar do cur amach ar an spec féin agus roghnaigh teicníc amháin nua, fiú má tá sé ach rud éigin cosúil Aeistéitiúil athrú ar an leagan amach an léarscáil go bhfuil tú ag baint úsáide as, an raon feidhme sin againn a bheith ag súil Beidh a bheith sásta. Is é sin ansin Socraigh Fadhb 8 Mashup. Fan tiúnta le haghaidh níos mó sa sonraíocht agus is fearr de luck dul i ngleic leis, do go deireanach Fhadhb CS50 a leagtar riamh. 

[Seinm ceoil]