Yuav ua li cas tso ib daim ntawv qhia hauv lub vas sab
Cia li xav tias peb xav tso Google maps qhov rai rau hauv cov ntawv blog, lossis rau ntawm nplooj ntawv, nrog thaj chaw tshwj xeeb thiab lub cim hauv qhov chaw nrog cov ntsiab lus. Ntxiv ib qho tshawb fawb rau hauv qab.
Txoj kev yooj yim tshaj plaws yog los ntawm kev qhib daim ntawv qhia hauv Google Maps, thiab xaiv cov kev xaiv "txuas rau daim ntawv qhia hauv kev sib ntxiv" nyob rau hauv uas koj tuaj yeem kho qee yam tsis muaj. Qhov no yog API dawb thiab ua tiav siv daim ntawv "iframe".
Lwm txoj kev yog siv tus lej API, los ntawm lub wizzard ua rau AJAX, uas tso cai rau koj los tsim cov kev cai muab ob peb cov ntsiab lus:
1 Txhais tau cov tsis dhau
Hauv qhov no, peb yuav tsum txhais qhov loj me nyob rau hauv pixels ntawm lub qhov rais uas peb xav tso tawm, nws yog qhov zoo dua los khaws ib qho uas nyob hauv qhov siab tshaj plaws ntawm cov lus blog, xws li 400px
Tom qab ntawd koj yuav tau txhais seb koj puas xav mus kom ze ntawm lub nroog, txoj kev lossis theem theem.
Koj tuaj yeem qhia cov ntsiab lus uas xav tau hauv cov hom, npe, url thiab chaw nyob.
Los ntawm nias lub "saib xyuas qhov chaw nruab nrab" khawm koj tuaj yeem pom yuav ua li cas lub qhov rai yuav tso tawm kom pom.
2. Pab cov cai API
Tom ntej no yog los muab cov ntaub ntawv ntawm lub vev xaib uas peb xav tias yuav pom lub qhov rais. Qhov no yog kev tso cai peb tus lej API rau lub vev xaib ntawd ... thiab yog li ntawd, ua rau peb lub luag haujlwm rau ib qhov kev ua txhaum cai uas peb yuav ua raws li Google cov lus.
Nquag, kom tau txais qhov API, koj nkag mus rau lub vev xaib no, thiab thov ib qho rau ib qho url tshwj xeeb, tom qab ntawd thov nkag rau koj tus gmail tus lej thiab koj tau muab tus lej lej thiab tus lej piv txwv. Yog hais tias gmail kev sib ntsib twb qhib lawm, lub kaw lus koom nrog tus as khauj.
3 Tsim kev cai
Nias lub pob "tsim kev cai" lub html tsim nyog yog tsim rau tsuas yog ntxig nws hauv Blog. Rau qhov no, kev xaiv tus lej yuav tsum tau ua haujlwm, muab tshuaj txhuam nws thiab nws tau npaj tiav, yog tias nws tau muab nws tso rau hauv lwm lub vev xaib, uas API tau tso cai, cov lus yuav tshwm sim cuam tshuam nws.
Thiab npaj tau, nws yuav tsum saib zoo. Mus rau kev xav txog
Vim tias nws yog AJAX-raws li API, qee cov ntawv tsim tsis ua haujlwm zoo hauv qee cov neeg tswj hwm cov ntsiab lus, xws li Wordpress MU, qhov twg muaj kev tswj hwm kev ua haujlwm, tab sis feem ntau nws yuav tsum khiav zoo.