Sida Loogu Daro Khariidadaha App-kaaga: Embeds, Khariidado Wada-falgal ah iyo Locator-yada Dukaanka
Si aad khariidad ugu darto app-kaaga, marka hore go'aan ka qaad haddii aad u baahan tahay embed istaatik ah (hal goob oo leh pin, sida “naga soo hel dukaankeena”) mise khariidad wada-falgal ah (pins badan oo ka yimid xogtaada, filters, clustering, “ku dhow ii”). Hal goob, khariidad la soo dhex dhigay ayaa ugu dhakhsaha badan, Google Maps Embed API-na wuu bilaash yahay. Khariidadaha wada-falgal ah, isticmaal maktabad JavaScript map — Google Maps JavaScript API, Mapbox GL JS, ama Leaflet oo open-source ah oo leh tile provider — ku kaydi latitude iyo longitude goob kasta database-kaaga, oo xaddid furahaaga API-ga domain-kaaga. Faahfaahinta iibiyeyaasha hoos waxaa laga soo qaatay dukumentiyada iibiyaha kasta sida bishii Sebtember 2026.
Maxay tahay khariidadda aad u baahan tahay?
| Baahida | Tusaale | Habka ugu fudud |
|---|---|---|
| Hal goob | Bogga xiriirka ee cafe | Khariidad la soo dhex dhigay |
| Dhowr goob oo go'an | Saddex laan | Embed goob kasta, ama khariidad wada-falgal ah oo yar |
| Goobo badan oo ka yimid xogtaada | Directory, guryaha iibinta, dhacdooyinka | Khariidad wada-falgal ah oo leh markers ka yimid database-kaaga |
| Raadin fogaanta | “Klinikada 10 km gudahooda” | Isku-xidhka kaydsan iyo query fogaan |
| Waddooyin ama tilmaamo | Aagagga gaadhsiinta, “hel tilmaamo” | Link tilmaamo, ama API waddo |
Websites-ka ganacsiga yaryar badankood waxay u baahan yihiin oo keliya safka koowaad. Directories, marketplaces iyo websites liistada leh waxay u baahan yihiin safafka saddexaad iyo afraad.
Xulashooyinkaaga
| Xulasho | Waa maxay | Faahfaahinta kharashka (sida bishii Sebtember 2026) | Waxay ku fiican tahay |
|---|---|---|---|
| Google Maps Embed API | Iframe oo muujiya goob ama raadin | Dukumentiyada Google: dhammaan codsiyada waa bilaash isticmaal aan xadka lahayn; furaha API-ga ayaa loo baahan yahay | Hal goob bog kasta |
| Google Maps JavaScript API | Khariidad Google oo wada-falgal ah oo dhan | Dynamic Maps: 10,000 dhacdo oo bilaash ah bishiiba, ka dibna lacag ku xisaabsan 1,000 kasta | Muuqaal caadi ah, xogta goobaha Google |
| Mapbox GL JS | Khariidadaha vector ee wada-falgalka ah oo leh qaab gaar ah | Mapbox wuxuu sheegay 50,000 soo rogid khariidad web ah oo bilaash bishiiba, ka dibna $5.00 kasta 1,000 | Khariidadaha qaab gaar ah loo naqshadeeyay |
| Leaflet + tiles | Maktabad khariidad oo open-source ah; adigu dooranaysaa tile source | Leaflet laftiisa waa bilaash; tiles-ku waxay ku xirnaan doonaan bixiyaha | Khariidado fudud, iska ilaalinta lock-in |
Google Maps Platform
Hagaha bilowga Google wuxuu sheegayaa in aad abuurto mashruuc Cloud oo billing lagu daray oo aad daahdo APIs-ka aad rabto. Qiimaha pay-as-you-go-ka wuxuu siiyaa Essentials SKUs, oo ay ku jiraan Dynamic Maps, xad bilaash ah oo 10,000 dhacdo bishiiba, wuxuuna sheegayaa Dynamic Maps $7.00 kasta 1,000 dhacdo ka sareeya (heerka mugga ugu horreeya). Maps Embed SKU waxaa lagu taxay inuu yahay aan xad lahayn oo bilaash ah. Google wuxuu sidoo kale iibiyaa qorshooyin bil kasta ah. Eeg qiimaha Google Maps Platform tirooyinka hadda jira.
Mapbox
Bogga qiimaha Mapbox wuxuu ku taxan yahay 50,000 soo rogid khariidad oo bilaash ah bishiiba oo loogu talagalay Mapbox GL JS web-ka, ka dibna $5.00 kasta 1,000 soo rogid. Eeg qiimaha Mapbox.
Leaflet iyo OpenStreetMap
Leaflet wuxuu isu sharxayaa inuu yahay maktabad JavaScript oo open-source ah oo loogu talagalay khariidadaha wada-falgalka ah ee mobile-ka u fudud, qiyaastii 42 KB JavaScript. Waxay u baahan tahay tiles khariidad (sawirrada khariidadda) meel laga helo. Tile servers-ka dadweynaha ee OpenStreetMap way jirtaa, laakiin siyaasadda isticmaalka tiles-ka waxay u baahan tahay tixraac la arki karo, mamnuucaysa soo dejinta badan, ma leh ballan adeeg, waxayna digaysaa adeegyada ganacsiga in gelitaanka la qaadi karo. Haddii aad dhab ahaan rabto, isticmaal tile source ganacsi ah ama aad isku martigeliso oo shaqeeya Leaflet.
Furayaasha API: dadweyne, laakiin xaddidan
Furayaasha khariidadda ee browser-ka lagu isticmaalo waxay u muuqdaan qof kasta oo bogga furta. Taasi way la filayaa, laakiinse macnaheedu waa qof buu furahaaga koobiyeyn karaa oo isticmaali karaa isticmaalka oo bilkaaga kor u qaadi karo. Hagaha amniga ee Google wuxuu talinayaa inaad ku darto xaddidaadaha website-ka (HTTP referrer) oo ku qoran domains-kaaga, iyo xaddidaadaha API si furuhu u shaqeeyo kaliya APIs-ka aad isticmaashid.
Furayaasha adeegyada server-ka — tusaale ahaan geocoding ee ciwaanada kumanaan ah — waa inay noqdaan furayaal kala gaar ah oo lagu kaydiyo secrets-ka server-ka, ee ma aha bogga. Sidoo kale dheji digniinta miisaaniyadda ama quotas dashboard-ka bixiyaha si khalad aanu u noqon bil weyn.
Geocoding: u beddel ciwaannada isku-xidhka mar keliya
Khariidadaha waxay sawiraan latitude iyo longitude, ma aha ciwaanno. Beddelidda ciwaanka isku-xidhka waxaa loo yaqaan geocoding, badanaa bixiyeyaashu waxay ku qaadaan codsi kasta. Habka waxtarka leh:
- Markii liistada la kaydiyo, geocode ciwaankeeda server-ka.
- Kaydi latitude iyo longitude database-ka.
- Khariidaddu waxay akhrisaa isku-xidhka la kaydiyay; weligeed ma geocode-garayso marka bogga la eego.
Hubi shuruudaha bixiye kasta ee ku saabsan inta lagu ogolyahay in natiijooyinka geocoding la kaydiyo; way kala duwan yihiin.
Tusaalooyinka prompts
Khariidad embed ah oo keliya:
Bogga Contact, ku dar khariidad Google oo la soo dhex dhigay oo muujinaysa ciwaankeenna (12 High Street, Leeds) adigoo isticmaalaya Maps Embed API oo furaha ku jira GOOGLE_MAPS_EMBED_KEY. Hoosta ku dar link “Hel tilmaamo”. Ka dhig mid ballaadhan telefoonada, oo soo rog markii la gaadho (lazy-load).
Khariidad wada-falgal ah oo liisaska ah:
Ku dar latitude iyo longitude listings table-ka. Markii liiska la abuuro ama ciwaankiisa beddelmo, geocode server-ka adigoo isticmaalaya furaha ku jira GEOCODING_API_KEY oo kaydi isku-xidhka. Bogga Browse, muuji khariidad oo leh marker kasta liiska, leh clustering markii markers-ku is-dul saaraan. Marka marker la riixo, muuji magaca, qiimaha iyo link. Khariiddada iyo liiska waa inay isticmaalaan isla filters.
“Ku dhow ii”:
Ku dar badhanka “Ku dhow ii” oo weydiiya meesha booqdaha, oo muujiya liisaska ku jira 10 km gudahooda, oo lagu kala soo horeeyay fogaanta. Haddii ay diidaan ogolaanshaha meesha, u oggolow inay qoraan magaalo halkii.
Tallaabo tallaabo
- Dooro nooca khariidadda shaxda sare ka.
- Samee akoonka bixiyaha iyo mashruuc, oo shido oo keliya APIs-ka aad u baahan tahay.
- Samee furayaasha: furaha browser-ka oo xaddidan domains-kaaga (oo ku jira domain-ka preview-ka inta aad dhisayso) iyo, haddii loo baahdo, furaha server-ka ee geocoding.
- Ku kaydi furayaasha secrets oo codso dhisaha inuu isticmaalo; furaha browser-ka wuu xaddidan yahay inkastoo uu ku dhammaado bogga.
- Ku kaydi isku-xidhka goob kasta database-kaaga.
- Dhis khariidadda: markers, popups, clustering, iyo zoom default macquul ah.
- Isku dheji liis. Khariidad kaliya waa adag tahay in la isticmaalo telefoon iyo akhristayaasha shaashadda. Muuji natiijooyinka isku mid ah liis ahaan.
- Dheji digniin miisaaniyad dashboard-ka bixiyaha.
- Daabac oo tijaabi domain-ka live ah, maadaama xaddidaadaha referrer-ka badanaa khariidadda ka xannibaan ilaa domain-ka live lagu daro.
Khaladaadka caadiga ah
- Furayaal aan xaddid lahayn. Qof kasta ayaa dib u isticmaali kara website-kiisa.
- Geocoding bog kasta oo la eego. Gaabis iyo qaali; geocode mar keliya markii la kaydiyo.
- Domain-ka live oo laga illoobay xaddidaadaha furaha. Preview-ka wuu shaqeeyaa, production-kana waxaad aragtaa sanduuq cad oo madow.
- Naqshado khariidad keliya. Pins aan liis lahayn way adag yihiin shaashadaha yaryar, mana helaan dadka indha la'aanka ah.
- Boqolaal markers oo aan clustering lahayn. Waa aan la akhriyi karin oo gaabis.
- Tixraac la'aan. Inta badan bixiyeyaasha khariidadda iyo tiles-ka waxay u baahan yihiin, qarinteeda waxay jebisaa shuruuddooda.
- Codsashada goobta marka bogga la soo rogo. Weydiiso kaliya markii isticmaaluhu riixo “Ku dhow ii”.
Liiska hubinta
- Nooca khariidadda ee saxda ah ayaa loo doortay shaqada
- Furaha browser-ka waa lagu xaddiday domains-kaaga iyo APIs-ka loo baahan yahay
- Furayaasha server-ka waxay ku sii jiraan secrets
- Isku-xidhka waa la kaydiyay database-ka, mar keliya waa la geocode-gareeyay
- Natiijooyinka waxaa lagu muujiyaa liis
- Clustering markers badan
- Tixraaca waa la arki karaa
- Digniinta miisaaniyadda waa la dejiyay bixiyaha
- Waa la tijaabiyay domain-ka la daabacay iyo telefoon
Ku darista khariidadaha Mythex
Mythex ma leh isku-xirka khariidadaha oo gudaha ah; waxaad keentaa furahaaga bixiyaha, waxaad ku darta secret mashruuc (ama waxaad ku dhejisaa markii wakiilku muujiyo kaarka secrets-ka), waxaadna ka codsataa khariidadda chat-ka, sida lagu sharxay Integrate any API. Isku-xidhka waxaa lagu geeyaa database-ka mashruuca. Xusuusnow inaad ku darto domains-kaaga preview iyo kuwa la daabacay xaddidaadaha website-ka ee furaha, oo mar kale daabac markii aad beddesho secrets.
Khariidadaha badanaa waxay ku sugan yihiin dhinaca raadinta iyo liisaska: eeg sida loo ku daro raadinta app-ka, sida loo dhiso website directory iyo sida loo dhiso website ganacsi yar.
Su'aalaha
Waa maxay habka ugu fudud ee khariidad lagu daro website?
Embed hal khariidad oo leh pin, tusaale ahaan adigoo isticmaalaya Google's Maps Embed API oo ku jira iframe. Dukumentiyada Google waxay sheegaan in codsiyada Maps Embed ay bilaash yihiin isticmaal aan xadka lahayn, inkastoo aad weli u baahan tahay furaha API-ga.
Google Maps ma bilaash u isticmaali karaa app?
Qayb ahaan. Bishii Sebtember 2026, qiimaha pay-as-you-go ee Google wuxuu siiyaa Essentials SKU kasta, oo ay ku jiraan Dynamic Maps, 10,000 dhacdo oo bilaash ah bishiiba, Maps Embed-na waa aan xad lahayn oo bilaash. Weli waxaad u baahan tahay mashruuc Google Cloud oo billing lagu daray si aad bilowdo.
Furaha Google Maps API-ga ma ammaan ayuu u yahay in browser-ka lagu dhigo?
Furayaasha khariidadaha browser-ka waxay u muuqdaan qof kasta, sidaas darteed Google wuxuu talinayaa in xaddidaan ciwaanada website-kaaga iyo API-yada aad isticmaashid oo keliya. Furayaasha adeegyada server-ka sida geocoding waa inay server-ka ku sii jiraan.
Ma isticmaali karaa OpenStreetMap bilaash?
Xogta OpenStreetMap waa bilaash isticmaal ku saabsan tixraac, laakiin tile servers-kiisa dadweynaha waxaa lagu maamulaa deeqaha, ma jiro ballan adeeg, siyaasadduna waxay digaysaa isticmaalayaasha ganacsiga in gelitaankooda la qaadi karo. App wax soo saara ah, isticmaal bixiye tile ama adigu isku martigeli.