WordPress

MapSVG Plugin: Maps Interactive in WordPress

MapSVG waa plugin WordPress ah oo aad u fiican kaas oo kaa caawinaya inaad abuurto maab is dhexgal iyo jawaab celin ah goobtaada WordPress. Waad ku mahadsantahay qaybo badan oo astaamo ah, waxaad u rogi kartaa fayl kasta oo SVG ah khariidad is dhexgal ah. Taas oo dhan maaha, waxaad abuuri kartaa qorshooyin dabaq ah oo faahfaahsan, xog-ururin, khariidado Google, khariidado chlorpleth, khariidado sawirka iyo wax kaloo badan.

Dib u eegistaan, waxaan ku eegeynaa sifooyinka ka dhigaya MapSVG mid ka mid ah khariidadaha ugu fiican ee WordPress ee shabakada. Waxaan sidoo kale tijaabineynaa wadista plugin, markaa ku dheggan oo akhri ilaa dhammaadka. Tani xaqiiqdii waa heshiis wanaagsan, markaa soo qaado koob kafee ah oo aan is rogrogno.

MapSVG Maps Interactive ee WordPress

Waxaa kuu keenay horumariye Roman Stepanov oo aan caadi ahayn, MapSVG waxay ka dhigaysa abuurista maab is-dhexgal mid fudud oo xiiso leh. Waqti fiican ayaan ku qaatay inaan ku dhex ciyaaro xulashooyinka kala duwan inkastoo ay ahayd inaan akhriyo dukumeentiyada marka hore. Taas marka la yiraahdo, aan eegno sifooyinka laga heli karo MapSVG.

100+ Khariidado diyaarsan

Si uu kaaga caawiyo inaad dhulka ku socoto, MapSVG waxay la socotaa in ka badan 100 maab-joo-calibrated ah. Waxaa jira khariidad caalami ah, waxaana mar hore loo kala qaybiyay gobollo la riixi karo. Markaa waxaad haysataa maab waddan oo leh dawlad-goboleedka/gobollada. Waxa kale oo aad helaysaa dhawr maab oo gaar ah.

Oo maadaama inta badan khariidadaha ay yihiin kuwo la jaangooyey, waxaad ku dari kartaa calaamado khariidadaha adiga oo isticmaalaya cinwaan ama isku-duwayaal. Intaa waxaa dheer, waxaad samayn kartaa maab SVG adiga kuu gaar ah oo aad ku shubi kartaa MapSVG.

Waxa kaliya oo ay tahay inaad sameyso waa inaad abuurto sawirka SVG adigoo isticmaalaya barnaamij kasta oo wax ka beddelka vector ah sida Inkscape ama Adobe Illustrator, soo geliyaan waxa xun oo iska beddel.

Ma garanaysaa waxa ay tani ka dhigan tahay? Waxay la macno tahay in aad samayn karto jaantusyo is-dhexgal ah oo aad sawiri karto tirakoobyada (iyo guud ahaan horumarinta khibradda isticmaale) adoon dib u foorarsaneyn.

Walxaha Database

MapSVG waxay kuu ogolaanaysaa inaad abuurto walxo oo aad ku darto meelo gaar ah oo khariidadaada ah. Tani waxay kuu ogolaaneysaa inaad khariidadahaaga ku xoojiso macluumaadka siinaya booqdayaashaada mareegaha khibrad qoto dheer.

Ujeeddooyin tusaaleyn ah, aan ka soo qaadno hal daqiiqo inaad tahay wakiil hanti ma-guurto ah oo leh hanti aad ku iibiso dalka oo dhan. Runtii aad ayaad u wanaagsan tahay oo waxaad jeclaan lahayd inaad ku tusto guryaha la heli karo khariidada. Waxaad jeclaan lahayd inaad muujiso macluumaadka sida cabbirka, ciwaanka, qiimaha, sawirrada iyo wax la mid ah.

MapSVG waxay kuu ogolaanaysaa inaad ku darto faahfaahintan kaydka xogta, ka dibna ku lifaaq xogta hal ama meelo badan oo khariidadaada ah. Mar kasta oo isticmaaluhu uu taago aagga aad qeexday, dheh gobol, faahfaahinta waxaa lagu soo bandhigay si fiican, muuqaal faahfaahsan ama qalab.

Hagaha la sifayn karo oo la raadin karo

Sida haddii ku darista walxaha xogta aysan ku filneyn, MapSVG waxay kuu ogolaaneysaa inaad abuurto hage oo aad ku muujiso agteeda khariidadaada. Adigoo raacaya isbarbardhigga hantida ma-guurtada ah, waxaa laga yaabaa inaad rabto inaad muujiso dhammaan guryaha (ama wakiilada) ee laga heli karo gobol gaar ah. MapSVG ayaa tan ka dhigaysa mid aad u macquul ah.

Isticmaalayaashu waxay shaandhayn karaan shayada ku jira hagaha iyagoo isticmaalaya filtarrada hoos u dhaca ama sanduuqa raadinta. Intaa waxaa dheer, isticmaalayaashu waxay shaandhayn karaan walxaha iyagoo gujinaya meel gaar ah oo ku taal khariidada. Tilmaamaha hagahan ayaa ka dhigaya xitaa jaantusyada iyo khariidadaha ugu adag in la fahmo. Intaa waxaa dheer, isticmaalayaashu waxay si fudud u heli karaan macluumaadka taas oo lagu daray UX kaaga.

Wanaaji Khariidadaha Google

Miyaan sheegay inaad MapSVG ku dari karto Khariidadaha Google? Haa, waad awoodaa oo kaliya waxaad u baahan tahay furaha API Google. Caadi ahaan, si weyn uma beddeli kartid Khariidadaha Google-ka, kaas oo ah ama xaddidi kara xaaladaha qaarkood. MapSVG waxay awood kuu siinaysaa inaad ka gudubto caqabadan.

Sidee? Waxaad ku dahaadhi kartaa khariidadaha vector-ka dushiisa nooc kasta oo Khariidadda Google ah (dhulka, dayax-gacmeedka, waddo ama isku-dhafka). Oo maadaama sawirada vector-ku yihiin kuwo is dhexgal ah, waxaad markaa wax ka beddeli kartaa Khariidadda Google-ka ilaa aad ka soo dhacayso. Natiijada kama dambaysta ah ee muuqata halkan waa inaad awood u leedahay inaad bixiso adeegsi badan.

Xusuusnow khariidadaha Google-ka inay la socdaan kontaroolo badan. Ku darso kontarooladan oo leh astaamaha MapSVG, waxaadna suugaan ahaan ku waali doontaa isticmaaleyaashaada si xamaasad leh. Waxay noqon doonaan sida, "Sidee bay u sameeyeen taas?" Habkani wuxuu kuu ogolaanayaa inaad kor u qaaddo khariidadda Google-ka adiga oo muujinaya calaamadaha dhulka iyo samaynta wax kasta oo la riixi karo.

CSS, JavaScript, iyo Templates Tifaftirayaasha

Waa maxay isticmaalka khariidad aanad wax ka beddeli karin ama kordhin karin? Roman wuxuu u muuqdaa inuu tan salka ku hayo waxa leh CSS iyo tifaftirayaasha JavaScript. Ilaa iyo inta aad ka garanayso habkaaga koodka, waxaad ku riixi kartaa sawiradaada isdhexgalka ilaa xadka.

Bilawga, waxaad u qaabayn kartaa khariidadahaaga iyo jaantusyadaada CSS sidaad rabto, oo adoon dhididsan jabin. Waxaad qaabayn kartaa walxo badan oo laga soo bilaabo qalabyada, popovers, iyo weelasha kale ee macluumaadka. Waxaa intaa dheer, waxaad awood u yeelan kartaa awoodda JavaScript si aad u kordhiso shaqeynta khariidadda caadiga ah.

Intaa waxaa dheer, waxaad heleysaa tifaftiraha qaab-dhismeedka kaas oo kaa caawinaya inaad abuurto habab gaar ah oo loogu talagalay popovers, calamadaha iyo qalabyada. Tafatiraha template waa sahlan tahay in la isticmaalo, kama fileyno inaad wax dhibaato ah la kulanto.

Gudida Xakamaynta Dareenka Leh oo leh Horudhac Toos ah

La shaqaynta MapSVG waa mid toos ah oo ay ugu mahadsantahay dashboard maamul oo dareen leh kaas oo ka dhigaya abuurista maab dabaylo. Abuuritaanka khariidado iyo sawiro kale oo is dhexgalka leh MapSVG waxaa weheliya fudayd bilow ilaa dhamaad.

Waxaa intaa dheer, plugin-ku wuxuu la socdaa muuqaal horudhac toos ah kaas oo kuu ogolaanaya inaad aragto isbeddelladaada wakhtiga dhabta ah. Hadda uma baahnid inaad la yaabto sida khariidadahaagu u eegi doonaan marka la dhammaystiro. Intaa waxaa dheer, uma baahnid inaad u gudubto oo aad dib u socoto (ama dib u cusbooneysiiso bog) si aad u aragto sida khariidadahaagu u egyihiin. Sidee macaan?

Khariidadaha sawirka

Waxaan soo sheegnay khariidadaha sawirka dhowr daqiiqo ka hor, laakiin waxay ahayd inaan sifadan kaligii daboolo sababtoo ah waxaan filayaa inay cajiib tahay. Waxaan horeyba u ognahay in MapSVG ay u beddesho faylalka SVG maab is-dhexgal toos ah. Kaliya sawir faylka SVG, soo rar oo habbee.

Laakin ma ogtahay inaad sidoo kale maab ka samayn karto sawirada PNG iyo JPEG? Hadda waxay u muuqataa mid xiiso leh, sax? MapSVG waxa ay la socotaa qalab sawireed qurux badan oo kuu ogolaanaya in aad abuurto maab is dhexgal ah (dhajinaya) sawirada rasterka. Sidee tani faa'iido u leedahay? Waxaad sawiri kartaa qorshayaal guri oo is dhexgal ah, naqshado, waddooyin, qorshayaal magaalo, jaantusyo fadhi iyo wax kaloo badan.

Waad ku mahadsan tahay sifooyinkaas oo cajiib ah taageero, ma jiraan wax kaa celinaya abuurista khariidado iyo sawirro is-dhexgal ah oo ka baxsan galaxykan. Cirku waa xadka halkan guys tan MapSVG waa wax aan macno lahayn (iyo malaha ugu fiican) khariidad plugin ee WordPress.

Sida loo Dejiyo MapSVG oo loo Sameeyo Khariidad

Dejinta MapSVG waa u fududahay sida ku rakibida plugin kasta oo kale oo WordPress ah. Waxaad diyaar u tahay inaad bilowdo abuurista khariidado is dhexgal ah isla marka aad rakibto oo aad hawlgeliso plugin-ka. Uma baahnid inaad wax u habayso maadaama MapSVG ay isla markiiba u shaqeyso meel ka baxsan sanduuqa.

Hel MapSVG

Aynu helno khibrad gacan-ku-tashi ah. Qaado koobi ah MapSVG, oo raac tilmaamaha soo socda. Soo gal dashboardkaaga maamulka WordPress oo u gudub Plugins > Kudar Cusub.

mapsvg wordpress plugin dib u eegis

Marka xigta, ku dhufo ku Upload button (1)Dooro File (2), iyo garaacaan Hadda ku rakib (3) badhanka sida hoos ku cad.

mapsvg dib u eegis

Sug habka rakibo si aad u dhamaystirto ka dibna riix Ku Shaqee Laydhka Badhanka.

mapsvg dib u eegis

Waana taas; plugin ayaa diyaar u ah in la isticmaalo ka dib markii la dhaqaajiyo. Guji MapSVG shayga ku jira maamulka WordPress si loo bilaabo guddiga xakamaynta.

mapsvg

Ilaa hadda si fiican, waxaan u maleynayaa inaad ku heshiin doonto habka uu yahay mid fudud. Qeybta kontoroolka, waxaad dooran kartaa mid ka mid ah khariidadaha horay loo sameeyay, samee khariidad Google ah (marka hore waxay u baahan tahay isdhexgalka, taas oo u fudud sida nuqul-ku dhejinta furaha API), samee khariidad muuqaal ah, geli faylka SVG ama soo dejiso Faylka SVG ee leh khariidada Google.

Haddii aad u baahan tahay caawimo abuurista khariidad, waxaad heli kartaa caawimo degdeg ah adigoo gujinaya Casharrada or Taageerada isku xirka sare ee guddiga xakamaynta. Aynu doorano mid ka mid ah khariidadihii hore u jiray. Waxaan raaci doonaa Shiinaha sababtoo ah wax walba waa la sameeyay maalmahan 🙂

M / B: Horumariyuhu wuxuu ku talinayaa in la isticmaalo juqraafiyeed maab halkii aan la jaan qaadin khariidado sababtoo ah…

…maabka-geo-calibrated waa kuwa cusub, waxay leeyihiin magacyo gobol, waxaadna ku dari kartaa calaamadeeyayaasha geo-coordinates (latitude/longitude) ama kaliya adoo galaya cinwaan si toos ah loogu beddelayo isku-duwayaasha. - Casharrada MapSVG

Ka dooro Shiinaha (ama khariidad kasta oo kale oo aad jeceshahay). Khariidadda cusub ee SVG liiska hoos-u-dhaca. Haddii aad necbayd baararka duubka, xor u noqo inaad isticmaasho sanduuqa raadinta.

abuurista khariidad cusub mapsvg

Shaashada xigta, ku buuxi Title oo beddel Qoraalka soo-dejiyaha haddii aad u janjeerto. Isla shaashada, waxaad dejin kartaa cabbirka khariidadaada, dami kartaa naqshadaynta jawaabta (waa daar ahaan, markaa ha taaban garaaca), shid tibaaxaha aaladaha iyo popovers iyo waxyaabo kale.

Waxa kale oo aad ogaan doontaa in khariidaddu ay mar hore u kala qaybsantay gobollo (gobollada Shiinaha ee kiiskeena) oo mar horeba waa la gujin karaa! Sidoo kale, baro kontaroolada kale oo ay ku jiraan menu liiska hoos u dhaca.

Aan bedelno midabada qaar, oo aan helno dareenka plugin. U soco Menu > Midabada sida hoos ku qoran.

tafatirka midabada khariidada ee mapsvg wordpress plugin

The Colors shaashadu waxay kaa caawinaysaa inaad doorato midabada riyadaada. Waxa aan ula jeedo ma jiraan wax xaddidan midabada aad jeceshahay inaad isticmaasho. Kaliya shaqee midabka midabka ilaa aad ka hesho wax aad jeceshahay. Waxaan raaci doonaa hadhka buluuga ah sababtoo ah WordPress waa ba 🙂

Dooro midabadaada oo ha ilaawin inaad garaacdo Keydi Ctrl+S badhanka sida aynu hoos ku muujinayno.

Bal eeg? Waxaan kuu sheegay in MapSVG ay fududahay in la isticmaalo. Dhawr jeer oo gujis ah, waxaan bedelay midabada khariidadayda, waxaana dareemaya wanaag - sida hal mar, sanado badan ka hor, markii aan kaalinta koowaad ka galay Google. Tafatirka qayb kasta oo kale oo ka mid ah khariidadda ayaa si siman u fudud, si aan u caddeeyo fikradayda, waxaan ku dari doonaa tibaaxaha aaladaha sababtoo ah taasi waxay noqon doontaa madadaalo.

Ku darida Tilmaamaha Qalabka MapSVG

Haddaba, sidee ayaad ugu dari kartaa aaladaha soo muuqda marka aad dulmarto gobol khariidadaada? Way fududahay, oo waxaan ku tusi doonaa sida daqiiqad gudaheed.

Jid ahaan, haddii wax aysan caddayn hal sabab ama mid kale, ha ka waaban inaad hubiso casharrada rasmiga ah ee MapSVG iyo dukumentiyada. Si ka sii wanaagsan, ku dhufo qaybta faallooyinka dhammaadka qoraalkan oo waan u yeedhi doonaa Thor adiga kaliya. Dubbadaas ayaa xallisa wax walba 🙂

Taas marka laga soo tago, ku darida qalabyada qalabku waxay ku lug leedahay ku darista template (xusuusnow tifaftiraha qaab-dhismeedka aan hore u soo sheegnay?). Taas awgeed, u gudub Menu > Qaababka kadibna dooro Qalabka Gobolka. 

ku darista aaladaha khariidadaha wordpress plugin

Marka xigta, ku dar koodka soo socda ee tifaftiraha habyaalada oo ku dhufo Keydi Ctrl+S badhanka sida kor ku cad.

Province: {{title}}

Koodhka kore waa HTML fudud oo leh calaamadaha Handlebars. Haddii aad rabto inaad muujiso ciwaanka gobolkaaga, waxaad isticmaashaa sumadda {{title}} Waxaad sidoo kale qeexi kartaa meelaha aad caadaysatay sida aad wax u baran doonto daqiiqad gudaheed. Laakiin marka hore, aan shidno sifada aaladaha.

U soco Liiska> Dejinta oo dami Tilmaamaha Qalabka muuqaal ahaan sida aan hoos ku muujineyno.

mapsvg dib u eegis

Sida aad ku arki karto sawirka kore, agabkayaga qalabku waa firfircoon yahay. Weli, waxaan sheegay inaan ku tusi doono sida loogu daro beeraha gaarka ah si aad u kobcin karto qalabkaaga siyaabo aan la qiyaasi karin. Aynu nidhaahno waxaad jeclaan lahayd inaad ku darto sawiro iyo macluumaad dheeraad ah aaladahaaga. Sideed wax uga qaban lahayd? Taas awgeed, waxaanu ku baaqaynaa walxaha database hore ayaan u soo sheegnay.

Ku-daridda Goobaha Gaarka ah ee loo maro Walxaha Xogta

MapSVG waxay kuu ogolaanaysaa inaad ku darto goobo khaas ah khariidadahaaga. Waxaan horey u haysanay goobta {{title}}, laakiin aan aragno sida aan ugu dari karno garoomo badan oo gaar ah. Waxaad haysataa doorasho goobo gaar ah oo ay ku jiraan qoraalka, goobta qoraalka, sanduuqa hubinta, sawirada, iyo wixi la mida. Aan ku darno sawirro qaar ka mid ah gobolka Nei Mongol.

Tag Menu > Gobollada oo guji Wax ka beddel goobaha badhanka sida aan ku muujineyno sawirka hoose.

ku darida goobo gaar ah MapSVG

Shaashada xigta, ku dhufo Image badhanka ka dibna ah Badbaadiso beeraha badhanka sida hoos ku cad.

Keydi isbedeladaada adigoo gujinaya Keydi Ctrl+S badhanka. Had iyo jeer xasuuso inaad badbaadiso isbeddelladaada.

Marka xigta ku dhufo List badhanka sida ka muuqata sawirka hoose.

U beddel khariidadaada Wax ka bedel Gobolada oo dhagsii gobol (waxaan soo qaadanay Nei Mongol). Waa inaad aragto goobtaada gaarka ah ee cusub (sawirka) dhanka midig. Ku dhufo Browse badhanka. Hoos ka daawo sawirka

Shaashada xigta, ku dar sawiradaada oo ku dhufo Xulo Sawirada Badhanka.

Waxaa lagugu soo celin doonaa goobta Wax ka bedel Gobolada Shaashada meesha ay tahay inaad gujiso waayahay (1) badhanka. Marka xigta, dhagsii Keydi Ctrl+S (2) badhanka ka dibna ku noqo Horudhac (3) hab sida hoos ku cad.

Haddi aad isku daydo in aad dulmarto Nei Mongol wakhtigan, sawiradu kama soo baxayaan qaybta qalabka. Waa maxay sababtu? Hagaag, maanaan u samayn qaab-dhismeedka sawirada Aynu si sax ah u samayno daqiiqaddan.

U soco Menu > Qaababka > Qalabka Gobolka oo u beddel koodka kan:

Province: {{title}}
First image:


All images:
{{#each images}} {{/each}}

Halkan waxaa ah sawir sawir dheeraad ah. Xusuusnow inaad garaacdo Save Badhanka.

Hadda, isku day inaad dulmarto gobolka aad dooratay (Nei Mongol kiiskeena). Bal ii sheeg waxaad aragto. Tani waa waxa shaashadayda saaran.

Aad u fiican, sax? Waxaad hadda baratay sida loogu daro meelaha gaarka ah khariidadahaaga MapSVG. Ku darida popovers iyo calamadaha sidoo kale waa u fududahay sida pie. Intaa waxaa dheer, ilaa iyo inta aad ogtahay aasaasyadan, waxaad fiicantahay inaad abuurto khariidad/jaantus kasta oo is dhexgal ah oo qorraxda hoosteeda ah.

La shaqaynta MapSVG waa shayga fasalka afraad, gaar ahaan maadaama Roman Stepanov uu bixiyo taageero weyn iyo hagitaan la yaab leh oo loo maro casharro. Si aad khariidadaada ugu muujiso boggaga WordPress, kaydi isbedeladaada oo u gudub Bogagga > Kudar Cusub.

Marka xigta, ku dhufo ku MapSVG badhanka sida kor ku cad oo door khariidadaada. Tani waxay ku daraysaa summada gaaban [mapsvg id=”17″ cinwaan=”Shiinaha”] boggaga WordPress. Si kastaba ha ahaatee, xor u noqo inaad ku darto khariidadda meel kasta oo ka mid ah goobtaada adigoo isticmaalaya koodka gaaban. Ha werwerin, khariidado aad ku abuurto MapSVG waa 100% ka jawaab celin taasoo la macno ah inay si fiican ugu ekaan doonaan aalado badan.

Marka xigta, ku dhufo daabac oo arag natiijooyinka dhinaca hore.

Gunaanad

Waxaan halkan joogi lahayn maalinta oo dhan haddii aan ku dhex marno sifo kasta oo jirta, laakiin waxaan kugu dhiirigelinayaa inaad hesho koobigaaga MapSVG WordPress plugin oo aad siiso wado tijaabo ah. Aniga iyo adiga dhexdooda, waa plugin-ka kaliya ee khariidadda WordPress ee aad waligaa u baahan doonto.

Ma haysaa su'aal ama talo? Fadlan ha ka waaban inaad la xiriirto qaybta faallooyinka ee hoose. Farxad!

Qodobbo la xiriira

Leave a Reply

cinwaanka email Your aan laga soo saari doonaa.

Gadaal u laab