ወደ መተግበሪያዎ ካርታ እንዴት እንደሚጨምሩ፦ embeds፣ በይነተገናኝ ካርታዎችና የመደብር ፈላጊዎች
ወደ መተግበሪያዎ ካርታ ለመጨመር መጀመሪያ ቋሚ embed (አንድ ቦታ ከፒን ጋር፣ ለምሳሌ «ሱቃችንን ፈልጉ») ወይም በይነተገናኝ ካርታ (ከመረጃዎ ብዙ ፒኖች፣ ማጣሪያዎች፣ ክላስተሪንግ፣ «በአቅራቢያዬ») እንደሚፈልጉ ይወስኑ። ለአንድ ቦታ የተከተተ ካርታ ፈጣኑ ሲሆን፣ በGoogle Maps Embed API ነጻም ነው። ለበይነተገናኝ ካርታዎች የJavaScript ካርታ ቤተ-መጽሐፍት ይጠቀሙ — Google Maps JavaScript API፣ Mapbox GL JS፣ ወይም ክፍት-ምንጭ Leaflet ከtile አቅራቢ ጋር — የእያንዳንዱን ቦታ ኬንትሮስና ላቲቲዩድ በዳታቤዝዎ ያስቀምጡ፣ እና የኤፒአይ ቁልፍዎን ወደ የራስዎ ዶሜይን ይገድቡ። የአቅራቢዎቹ ዝርዝሮች ከታች ከየራሳቸው ሰነዶች እንደ ሴፕቴምበር 2026 ተወስደዋል።
ምን ዓይነት ካርታ ያስፈልግዎታል?
| ፍላጎት | ምሳሌ | ቀላሉ አቀራረብ |
|---|---|---|
| አንድ ቦታ | የካፌ የመገናኛ ገጽ | የተከተተ ካርታ |
| ጥቂት ቋሚ ቦታዎች | ሦስት ቅርንጫፎች | ለእያንዳንዱ ቅርንጫፍ embed፣ ወይም ትንሽ በይነተገናኝ ካርታ |
| ከመረጃዎ ብዙ ቦታዎች | ማውጫ፣ የንብረት ዝርዝሮች፣ ክስተቶች | ከዳታቤዝዎ ማርከሮች ያሉት በይነተገናኝ ካርታ |
| በርቀት መፈለግ | «በ10 ኪሜ ውስጥ ክሊኒኮች» | የተቀመጡ ኬንትሮስና ላቲቲዩዶች ከርቀት ጥያቄ ጋር |
| መንገዶችና አቅጣጫዎች | የማድረሻ ዞኖች፣ «አቅጣጫ አግኝ» | የአቅጣጫ ማገናኛ ወይም የራውቲንግ ኤፒአይ |
አብዛኞቹ ትንንሽ የንግድ ድረ-ገጾች የመጀመሪያውን ረድፍ ብቻ ይፈልጋሉ። ማውጫዎችና የገበያ ቦታዎች ሦስተኛውንና አራተኛውን ይፈልጋሉ።
ያሉዎት አማራጮች
| አማራጭ | ምንድን ነው | የወጪ ማስታወሻዎች (እንደ ሴፕቴምበር 2026) | ለምን ጥሩ ነው |
|---|---|---|---|
| Google Maps Embed API | ቦታ ወይም ፍለጋ የሚያሳይ iframe | የGoogle ሰነዶች፦ ሁሉም ጥያቄዎች ያልተገደበ አጠቃቀም ያላቸው ነጻ ናቸው፤ የኤፒአይ ቁልፍ ያስፈልጋል | በአንድ ገጽ ላይ አንድ ቦታ |
| Google Maps JavaScript API | ሙሉ በይነተገናኝ የGoogle ካርታ | Dynamic Maps፦ በወር 10,000 ነጻ ክስተቶች፣ ከዚያ በ1,000 ይከፈላል | የታወቀ መልክ፣ የGoogle የቦታ ውሂብ |
| Mapbox GL JS | በብጁ ስታይል የሚቀርቡ በይነተገናኝ የቬክተር ካርታዎች | Mapbox በወር 50,000 ነጻ የድር ካርታ ጭነቶች ይዘረዝራል፣ ከዚያ በ1,000 $5.00 | ብጁ ስታይል ያላቸው ካርታዎች |
| Leaflet + tiles | ክፍት-ምንጭ የካርታ ቤተ-መጽሐፍት፤ የtile ምንጩን እርስዎ ይመርጣሉ | Leaflet ራሱ ነጻ ነው፤ tiles በአቅራቢው ላይ ይወሰናሉ | ቀላል ካርታዎች፣ ከመያዝ መራቅ |
Google Maps Platform
የGoogle መጀመሪያ መመሪያ ክፍያ የነቃለት Cloud ፕሮጀክት መፍጠርና የሚፈልጓቸውን ኤፒአዮች ማንቃት እንዳለቦት ይናገራል። የክፍያ-በሚሄድበት-ዋጋ ዋጋው Essentials SKUs ይሰጣል፣ Dynamic Mapsን ጨምሮ በወር 10,000 ነጻ ክስተቶች፣ እና Dynamic Mapsን ከዚያ በላይ በ1,000 ክስተቶች $7.00 (በመጀመሪያው የመጠን ደረጃ) ይዘረዝራል። የMaps Embed SKU ያልተገደበና ነጻ ተብሎ ተዘርዝሯል። Google ወርሃዊ የምዝገባ ዕቅዶችንም ይሸጣል። ወቅታዊ ቁጥሮችን ለማወቅ የGoogle Maps Platform ዋጋ ይፈትሹ።
Mapbox
የMapbox የዋጋ ገጽ ለMapbox GL JS በድር ላይ በወር 50,000 ነጻ የካርታ ጭነቶች፣ ከዚያ በ1,000 $5.00 ይዘረዝራል። ለማየት የMapbox ዋጋ ይመልከቱ።
Leaflet እና OpenStreetMap
Leaflet ራሱን ለሞባይል ተስማሚ በይነተገናኝ ካርታዎች የሚሆን ክፍት-ምንጭ JavaScript ቤተ-መጽሐፍት ብሎ ይገልጻል፣ ወደ 42 KB JavaScript። የካርታ tiles (የካርታው ምስሎች) ከሆነ ቦታ ያስፈልገዋል። የOpenStreetMap የህዝብ tile ሰርቨሮች ማራኪ ናቸው፣ ነገር ግን የtile አጠቃቀም ፖሊሲ የሚታይ ክሬዲት ይጠይቃል፣ ጅምላ ማውረድን ይከለክላል፣ የአገልግሎት ዋስትና አይሰጥም፣ እና ለንግድ አገልግሎቶች መዳረሻ ሊወሰድ እንደሚችል ያስጠነቅቃል። ለእውነተኛ ምርት ከLeaflet ጋር የሚሠራ የንግድ ወይም እራስዎ የሚያስተናግዱት tile ምንጭ ይጠቀሙ።
ኤፒአይ ቁልፎች፦ ይፋዊ፣ ግን ተገድበው
በአሳሽ የሚጠቀሙ የካርታ ቁልፎች ገጽዎን የከፈተ ሰው ሁሉ ያያቸዋል። ይህ የሚጠበቅ ነው፣ ነገር ግን ማለት ሰው ቁልፉን ገልብጦ በሂሳብዎ ላይ አጠቃቀሙን ሊያሮጥ ይችላል ማለት ነው። የGoogle የደህንነት መመሪያ የድረ-ገጽ (HTTP referrer) ገደቦችን ዶሜይኖችዎን በመዘርዘር፣ እና የኤፒአይ ገደቦችን ቁልፉ ለሚጠቀሙት ኤፒአዮች ብቻ እንዲሠራ ማድረግ ነው።
ለሰርቨር-ጎን አገልግሎቶች ቁልፎች — ለምሳሌ በሺዎች አድራሻዎችን ጂኦኮዲንግ ማድረግ — ለየብቻ ቁልፎች መሆን፣ በሰርቨር-ጎን ሚስጥሮች መቀመጥ አለባቸው፣ በገጹ ውስጥ አይደለም። እንዲሁም ስህተት ወደ ትልቅ ሂሳብ እንዳይለወጥ በአቅራቢው ኮንሶል የበጀት ማንቂያዎች ወይም ኮታዎች ያዘጋጁ።
ጂኦኮዲንግ፦ አድራሻዎችን አንድ ጊዜ ወደ ኬንትሮስና ላቲቲዩድ ቀይሩ
ካርታዎች የሚስሉት ላቲቲዩድና ኬንትሮስ እንጂ አድራሻዎችን አይደለም። አድራሻን ወደ ኬንትሮስና ላቲቲዩድ መቀየር ጂኦኮዲንግ ይባላል፣ አብዛኞቹ አቅራቢዎች በእያንዳንዱ ጥያቄ ያስከፍላሉ። ውጤታማው ንድፍ፦
- ዝርዝር ሲቀመጥ አድራሻውን በሰርቨሩ ላይ ጂኦኮድ ያድርጉ።
- ኬንትሮስና ላቲቲዩዱን በዳታቤዙ ያስቀምጡ።
- ካርታው የተቀመጡትን መጋጠሚያዎች ያነባል፤ በገጽ እይታ ላይ በጭራሽ ጂኦኮዲንግ አያድርግም።
የጂኦኮዲንግ ውጤቶችን ምን ያህል ጊዜ ማስቀመጥ እንደሚፈቀድ የእያንዳንዱን አቅራቢ ውሎች ይፈትሹ፤ ይለያያሉ።
ምሳሌ ፕሮምፖች
አንድ የተከተተ ካርታ፦
በእውቂያ ገጹ ላይ አድራሻችንን (12 High Street, Leeds) የሚያሳይ የተከተተ የGoogle ካርታ ጨምር፣ Maps Embed APIን በመጠቀም ቁልፉ በGOOGLE_MAPS_EMBED_KEY ውስጥ። ከሥር «አቅጣጫ አግኝ» ማገናኛ ጨምር። በስልኮች ሙሉ ስፋት ይሁን እና ቀስ ብሎ ይጫን።
የዝርዝሮች በይነተገናኝ ካርታ፦
ኬንትሮስና ላቲቲዩድ ወደ listings ሰንጠረዥ ጨምር። ዝርዝር ሲፈጠር ወይም አድራሻው ሲቀየር፣ በሰርቨሩ ላይ በGEOCODING_API_KEY ውስጥ ባለው ቁልፍ ጂኦኮድ አድርግና መጋጠሚያዎቹን አስቀምጥ። በBrowse ገጽ ላይ ለእያንዳንዱ ዝርዝር ማርከር ያለበት ካርታ አሳይ፣ ማርከሮች ሲደራረቡ ክላስተሪንግ ይዞ፣ Leafletን በመጠቀም። ማርከር ላይ ሲጫን ርዕስ፣ ዋጋና ማገናኛ ያሳይ። ካርታውና ዝርዝሩ ተመሳሳይ ማጣሪያዎች ይጠቀሙ።
«በአቅራቢያዬ»፦
«በአቅራቢያዬ» ቁልፍ ጨምር፣ ጎብኚውን አካባቢ ይጠይቃል፣ እና በ10 ኪሜ ውስጥ ያሉ ዝርዝሮችን በርቀት ደርድሮ ያሳያል። አካባቢ መዳረሻ ካልፈቀዱ ከተማ እንዲተይቡ ፍቀድላቸው።
ደረጃ በደረጃ
- የካርታ ዓይነቱን ይምረጡ ከላይ ካለው ሰንጠረዥ።
- የአቅራቢውን አካውንት እና ፕሮጀክት ይፍጠሩ፣ የሚያስፈልጉዎትን ኤፒአዮች ብቻ ያንቁ።
- ቁልፎችን ይፍጠሩ፦ ለዶሜይኖችዎ የተገደበ የአሳሽ ቁልፍ (በመገንባት ጊዜ የቅድመ-እይታ ዶሜይንዎን ጨምሮ) እና፣ ከፈለጉ፣ ለጂኦኮዲንግ የሰርቨር ቁልፍ።
- ቁልፎችን እንደ ሚስጥሮች ያስቀምጡ እና AI ገንቢዎ እንዲጠቀምባቸው ይጠይቁ፤ የአሳሽ ቁልፉ በገጹ ውስጥ ቢገባም አሁንም ይገደባል።
- ለእያንዳንዱ ቦታ መጋጠሚያዎችን በዳታቤዝዎ ያስቀምጡ።
- ካርታውን ይገንቡ፦ ማርከሮች፣ ፖፕአፖች፣ ክላስተሪንግ፣ እና ምክንያታዊ ነባሪ ዙም።
- ከዝርዝር ጋር ያጣምሩት። ካርታ ብቻውን በስልክና ለስክሪን አንባቢዎች አስቸጋሪ ነው። ተመሳሳይ ውጤቶችን እንደ ዝርዝር ያሳዩ።
- በአቅራቢው ኮንሶል የበጀት ማንቂያ ያዘጋጁ።
- በቀጥታ ዶሜይን ላይ ያትሙና ይሞክሩ፣ የማጣቀሻ ገደቦች ብዙ ጊዜ የቀጥታ ዶሜይኑ እስኪጨመር ካርታውን ያግዳሉ።
የተለመዱ ስህተቶች
- ያልተገደቡ ቁልፎች። ማንም በራሱ ድረ-ገጽ እንደገና ሊጠቀምባቸው ይችላል።
- በእያንዳንዱ የገጽ እይታ ጂኦኮዲንግ። ቀርፋፋና ውድ ነው፤ በሚቀመጥበት ጊዜ አንድ ጊዜ ጂኦኮድ ያድርጉ።
- በቁልፍ ገደቦች ውስጥ የቀጥታውን ዶሜይን መርሳት። በቅድመ-እይታ ይሠራል፣ በምርት ላይ ባዶ ግራጫ ሳጥን።
- ካርታ-ብቻ አቀማመጦች። ፒኖች ያለ ዝርዝር በትንሽ ስክሪኖች ላይ ያስቸግራሉ እና ለመድረስ አይቻሉም።
- ያለ ክላስተሪንግ በመቶዎች ማርከሮች። የማይነበብና ዘገምተኛ።
- የጠፋ ክሬዲት (attribution)። አብዛኞቹ የካርታና tile አቅራቢዎች ይጠይቃሉ፣ መደበቁ ውላቸውን ይጥሳል።
- ገጽ ሲጫን ቦታ መጠየቅ። «በአቅራቢያዬ»ን ሲነኩ ብቻ ይጠይቁ።
ዝርዝር
- ለሥራው ትክክለኛው የካርታ ዓይነት ተመርጧል
- የአሳሽ ቁልፍ ወደ ዶሜይኖችዎና ወደሚያስፈልጉ ኤፒአዮች ተገድቧል
- የሰርቨር-ጎን ቁልፎች በሚስጥሮች ውስጥ ናቸው
- መጋጠሚያዎች በዳታቤዙ ውስጥ ናቸው፣ አንድ ጊዜ ጂኦኮድ ተደርገዋል
- ውጤቶችም እንደ ዝርዝር ይታያሉ
- ለብዙ ማርከሮች ክላስተሪንግ አለ
- ክሬዲቱ ይታያል
- በአቅራቢው የበጀት ማንቂያ ተዘጋጅቷል
- በታተመው ዶሜይንና በስልክ ተሞክሯል
በMythex ካርታዎችን መጨመር
Mythex አብሮ የተሠራ የካርታ ውህደት የለውም፤ የራስዎን የአቅራቢ ቁልፍ ያመጣሉ፣ እንደ የፕሮጀክት ሚስጥር ይጨምሩት (ወይም ወኪሉ የሚስጥር ካርድ ሲያሳይ ይለጥፉት)፣ እና በቻት ካርታውን ይጠይቁ፤ በማንኛውንም ኤፒአይ ማዋሃድ ውስጥ እንደተገለጸው። መጋጠሚያዎች ወደ የፕሮጀክቱ ዳታቤዝ ይሄዳሉ። ቅድመ-እይታዎን እና የታተመውን ዶሜይንዎን ወደ የቁልፉ የድረ-ገጽ ገደቦች ማከልዎን ያስታውሱ፣ እና ሚስጥሮችን ከቀየሩ በኋላ እንደገና ያትሙ።
ካርታዎች ብዙ ጊዜ ከፍለጋና ዝርዝሮች ቀጥሎ ይቀመጣሉ፦ ፍለጋ ወደ መተግበሪያዎ እንዴት እንደሚጨምሩ፣ ማውጫ ድረ-ገጽ እንዴት እንደሚገነቡ እና ትንሽ የንግድ ድረ-ገጽ እንዴት እንደሚገነቡ ይመልከቱ።
ጥያቄዎች
ወደ ድረ-ገጽ ካርታ ለመጨመር ቀላሉ መንገድ ምንድን ነው?
አንድ ካርታ ከፒን ጋር embed ያድርጉ፣ ለምሳሌ የGoogle Maps Embed APIን በiframe ውስጥ በመጠቀም። የGoogle ሰነድ እንደሚለው የMaps Embed ጥያቄዎች ያልተገደበ አጠቃቀም ያላቸው ነጻ ናቸው፤ ቢሆንም የኤፒአይ ቁልፍ ያስፈልጋል።
Google Maps በመተግበሪያ ውስጥ ነጻ ነው?
በከፊል። እንደ ሴፕቴምበር 2026 የGoogle የክፍያ-በሚሄድበት-ዋጋ ለእያንዳንዱ Essentials SKU፣ Dynamic Mapsን ጨምሮ፣ በወር 10,000 ነጻ ክስተቶች ይሰጣል፣ Maps Embed ደግሞ ያልተገደበና ነጻ ነው። ለመጀመር አሁንም ክፍያ የነቃለት Google Cloud ፕሮጀክት ያስፈልግዎታል።
የGoogle Maps API ቁልፌ በአሳሹ ውስጥ ቢሆን ደህንነቱ የተጠበቀ ነው?
ለአሳሽ ካርታዎች ቁልፎች ለማንም ይታያሉ፣ ስለዚህ Google ወደ ድረ-ገጽዎ አድራሻዎች እና ወደሚጠቀሙባቸው ኤፒአዮች ብቻ እንዲገደቡ ይመክራል። እንደ ጂኦኮዲንግ ላሉ የሰርቨር-ጎን አገልግሎቶች ቁልፎች በሰርቨሩ ላይ መቆየት አለባቸው።
OpenStreetMapን በነጻ መጠቀም እችላለሁ?
የOpenStreetMap ውሂብ ክሬዲት ሲሰጡ በነጻ ይፈቀዳል፤ ነገር ግን የህዝብ tile ሰርቨሮቹ በልገሳ የሚደገፉ ናቸው፣ ምንም የአገልግሎት ዋስትና የለም፣ እና ፖሊሲው ለንግድ ተጠቃሚዎች መዳረሻው ሊወሰድ እንደሚችል ያስጠነቅቃል። ለምርት መተግበሪያ የtile አቅራቢ ይጠቀሙ ወይም እራስዎ ያስተናግዱ።