JB Maps sizga xaritani veb-saytingizga joylashtirish uchun oddiy modulni taqdim etadi. Bu JoomlaBamboo tomonidan yaratilgan bepul modul bo'lib, u balandlik, kenglik, boshlang'ich pozitsiyasini va xaritada 3 tagacha markerni o'rnatish imkonini beradi. Shuningdek, u markerlar orasidagi marshrutlarni qurish imkonini beradi.

Funksiyalar

• Xarita balandligini o'rnatish.
• Xarita kengligini sozlash
• O'rnatish standart daraja kattalashtirish
• Dastlabki koordinatalarni o'rnatish
• 3 tagacha belgi yarating
• Belgilar orasidagi marshrutlarni qurish

Bog'liqlar

JB Library plagini - agar saytingiz jQuery-dan foydalanmasa. Barcha T3 shablonlarimiz uchun JB Library uni ishlashi uchun oʻrnatishingiz shart emas.

Ko'rsatmalar

Avval administrator panelidan Joomla o'rnatuvchisi yordamida modulni o'rnatganingizga ishonch hosil qiling va keyin modulni kerakli joyga qo'ying. Shundan so'ng siz sozlamalarni o'zgartirishingiz mumkin. Joomla boshqaruv paneliga o'ting va u erda modul menejerini toping. Shunday qilib, siz modullar ro'yxatini ko'rasiz, unda JB Maps modulini toping. Sarlavhani bosing va siz sozlanishi mumkin bo'lgan parametrlarni ko'rasiz. Agar kerak bo'lsa qo'shimcha ma'lumot sozlamalar haqida matnni chapga suring va maslahat paydo bo'ladi. O'zgartirishlaringizni saqlashni unutmang.

Muammoni hal qilish

Men modul o'rnatdim, lekin uni ko'rmayapmanmi?

Modulni o'rnatganingizda, u chap modul holatida joylashgan va o'chirilgan. Uni kerakli joyga ko'chirganingizni va u faol ekanligini tekshiring.

Kenglik sozlamalari uchun avtomatik opsiyadan foydalansam bo'ladimi?

Yo'q, kartani o'rnatish mumkin emas avtomatik aniqlash kengligi. Shabloningizning asosiy konteynerining kengligidan kelib chiqib, xaritani ko'rsatish uchun maksimal kenglikni belgilashingiz kerak. Modul foydalanadi CSS xususiyati maksimal kenglik, bu karta hech qachon sezgir dizayndagi ota-konteynerdan tashqariga chiqmasligini ta'minlaydi.

Hammaga salom! Menimcha, har biringiz vaqti-vaqti bilan foydalanasiz Google xizmatlari Xaritalar va Yandex xaritasi tirbandliklarni ko'rish, haydash yo'nalishlarini yoki ma'lum bir manzilni topish uchun. Xizmatlar juda qulay va ommabop, shuning uchun ular, albatta, bizning e'tiborimizga loyiqdir. Ushbu maqolada men Joomla uchun Yandex Map moduli haqida gapiraman. Shu bilan birga, Google'dan analogni ko'rib chiqaylik.

Tijorat tashkilotlari uchun yaxshi yechim nafaqat aloqa ma'lumotlarini ko'rsatish, balki joylashuvingiz belgilangan xaritani qo'shishdir. Bu mijozlar uchun juda qulay - bu ularga tezda navigatsiya qilish va sizga qanday etib borishni tushunish imkonini beradi.

Bu notijorat Internet resurslari egalari uchun ham foydali bo'lishi mumkin: uchrashuv joyini, sevimli kinoteatrni yoki velosiped yo'nalishini ko'rsatish.

Joomla uchun Google Map plaginini joylashtiring

Joomla ga integratsiya qilish uchun kengaytmalar Google xaritalari yetarli. Shunchaki ulkan funksionallikka ega komponentlar mavjud – masalan, Googlemaps plaginining kengaytmasi o‘rtacha 5 balldan 4,85 ball. Bu plagin hamma uchun yaxshi, lekin faqat to‘liq Ingliz tili. Juda, juda, juda ko'p sozlamalar mavjudligini hisobga olsak, ularni hamma ham tushuna olmaydi. Shuning uchun men boshqa plagindan foydalanishni taklif qilaman - Embed Google Map. Uning funksionalligi unchalik ta'sirli bo'lmasa ham, ko'pincha etarli.

Embed Google Map plaginini joomla.org saytidan yuklab olishingiz mumkin. Olingan arxivni ochishning hojati yo'q. Barcha kengaytmalar singari, Embed Google Map plagini orqali o'rnatiladi.

O'rnatishdan so'ng, plagin menejeriga o'ting va "Content - Embed Google Map" ni toping. Biz plaginni uning holatini "yoqilgan" ga o'zgartirib, faollashtiramiz va sozlamalarga o'tamiz.

Keling, asosiy parametrlarni ko'rib chiqaylik.

• Masshtab darajasi — masshtabni o'rnating.
• Language — tilni tanlang (ruscha).
• Havolani qo'shish - kattaroq versiyaga havola qo'shing. Havola yorlig'i - bu havolaning matni.
• Balandlik va kenglik - derazaning balandligi va kengligi.
• Chegara - chegaraning piksellardagi qalinligi.

Sayt sahifalarida ko'rsatish uchun quyidagi koddan foydalaning:

( google_map) manzili ( / google_map)

Manzil o'rniga kerakli manzilni kiriting. Embed Google Map plagini rus tilini hayratlanarli darajada yaxshi tushunadi. Masalan, u quyidagi manzilni tushunadi: Krasnodar, Krasnaya ko'chasi, 68-bino.

Ushbu kodni material matniga yoki standart "HTML kodi" moduliga kiritish mumkin. Shunga ko'ra, birinchi holatda xarita kontent sohasida, ikkinchisida esa modul sohasida paydo bo'ladi. Faqat CodeMirror HTML muharriridan foydalaning. Vizual muharriri TineMCE bunday kod bilan do'stona emas.

Chiqish kodi atributlar bilan to'ldirilishi mumkin.

1. O'lchovni 7 ga qo'ying.

3. Oyna o'lchamini va chegara qalinligini o'rnating.

Atributlar plagin sozlamalarida o'rnatilgan qiymatlarni almashtiradi.

Komponent Zh YandexMap

Joomla 2.5 da Yandex xaritasini yaratish uchun faqat bitta bepul kengaytma mavjud - Zh YandexMap komponenti. Lekin juda yuqori sifat - katta bilan funksionallik va butunlay rus tilida.

Shuningdek, siz Zh YandexMap-ni joomla.org saytidan yuklab olishingiz mumkin. Standart sifatida o'rnatiladi - Kengaytma menejeri orqali. Zh YandexMap plagin emas, balki komponent bo'lganligi sababli, u Joomla-ning asosiy boshqaruv menyusining "Komponentlar" bo'limida o'zi uchun bir xil nomdagi elementni yaratadi.

Komponentning ishlashi uchun siz Yandex.Maps API kalitini olishingiz kerak. Yandex-dan API kalitini olish uchun formaga o'ting.

• Sayt manzilini kiriting.
• Biz foydalanuvchi shartnomasiga belgi qo'ydik (ba'zi sabablarga ko'ra men uchun ko'rinmadi).
• "API kalitini olish" tugmasini bosing.

Keyingi sahifada biz qimmatbaho kalitni olamiz. Uni nusxalash va Zh YandexMap komponentining sozlamalariga joylashtirish kerak, unga asboblar panelidagi tegishli tugma yordamida kirish mumkin.

Zh YandexMap bilan ishlash printsipi nima:

• Tegishli bo'lim orqali xaritani yaratamiz. Qulaylik uchun ular toifalarga bo'lingan.
• Yaratilgan xaritaga markerlar, marshrutlar va yo'llarni joylashtiramiz. O'z navbatida, belgilar belgilar guruhlariga birlashtiriladi.

Keling, qanday yaratishni ko'rib chiqaylik oddiy Yandex keyinchalik qo'shimcha belgilar, marshrutlar va yo'llar qo'shilishi mumkin bo'lgan xarita.

"Xaritalar" bo'limiga o'ting va yuqori o'ng burchakdagi asboblar panelidagi "Yaratish" tugmasini bosing.

Barcha kerakli elementlar yulduzcha bilan belgilangan. Ulardan asosiylari quyidagilardir:

Hammaga salom)

Ushbu maqolada biz qanday qilib qo'yishingiz mumkinligini ko'rib chiqamiz Yandex-dan karta veb-saytga Joomla.

Birinchidan, bu yerga o'ting http://api.yandex.ru/maps/tools/cms/ va Joomla uchun modulni yuklab oling.

Keyin uni o'rnating (Kengaytma menejeri - Paket faylini yuklash).

Endi modul menejeriga o'ting va o'rnatilgan modulni qidiring

Unga bosing va sozlamalarga o'ting. Yandex uchun rahmat, barcha sozlamalar rus tilida :)

Belgini to'g'ri joyga qo'yish uchun siz shunchaki koordinatalarni kiritishingiz mumkin.

Shuningdek, siz markerni shunchaki ushlab, xaritadagi kerakli joyga sudrab olishingiz mumkin.

Xaritaning masshtabini xarita misolida ko'rish mumkin (sozlamalar ustida). O'lchovni ko'rish uchun + yoki - ustiga bosing.

Kartaning turini yuqoridagi misolda ham ko'rish mumkin.

Biz saytga mos keladigan kenglik va balandlikni o'rnatdik, mening holimda u 500x400px.

Belgining matni (nomi), html teglari- Xaritadagi belgiga nom beramiz.

Yorliq uchun maslahat - yorliq ustiga kursorni olib kelganingizda matn ochiladi.

Balon - Yorliq ustiga bosganingizda matn.

Scaling, Tools, Map type, Traffic - qo'shish qo'shimcha imkoniyatlar xaritada.

Qo'shimcha parametrlar - ularga tegmaslik yaxshiroqdir :) (buning uchun Yandex Maps API-ga qarang)

Har bir narsa sozlangandan so'ng, modulni saqlang va nashr eting.

Hammasi shu, omad tilaymiz!)

Ushbu qisqa maqola bilan men blogda yangi bo'lim ochmoqchiman. Bu erda men Joomla-da umuman tayyor kengaytmalari bo'lmagan yoki ular mavjud bo'lgan, ammo muammoni to'liq hal qilmaydigan muammolarni hal qilishga imkon beradigan uchinchi tomon xizmatlari haqida yozaman.

Kengaytmalar mavjud bo'lgan vaziyatni alohida ta'kidlash kerak, ammo ularsiz to'g'ridan-to'g'ri API xizmati bilan ishlash orqali amalga oshirish mumkin. Bu maqolada muhokama qilinadigan narsa.

Veb-saytga do'kon manzili bilan kartani kiritish deyarli barcha onlayn-do'kon egalari hal qiladigan vazifadir. Joomla uchun bir nechta tayyor kengaytmalar mavjud ( , , ). Hammasi yaxshi, hamma narsa ishlaydi, lekin har bir modul o'z mualliflik huquqini qo'shadi va aslida ishlatilmaydigan qo'shimcha funksiyalarga ega.

Menimcha, asl manbadan, ya'ni Yandex-dan xarita dizayneridan foydalanish ancha oson.

Yangi kartani yaratish juda oddiy. Tugmani bosgandan so'ng Yangi xarita yarating Xaritaga do'kon manzillarini qo'shishingiz mumkin bo'lgan oyna ochiladi.

Yorliq yonidagi nomni ko'rsatish uchun turni tanlang Imzo bilan.

Natijani saqlang va keyingi bosqichda o'lcham sozlamalarini o'rnating. Xaritaning kengligini qurilma ekranining o'lchamiga moslashtirish uchun opsiyani yoqing Kenglikka cho'zing.

Tugmasini bosing Karta kodini oling va saytga joylashtirish kodini nusxalash.

Ushbu kod materialga, modulga yoki oddiygina shablonning manba kodiga kiritilishi mumkin.

Materialga kod kiritish haqida bir oz ko'proq. Misol uchun, siz bilan sahifaga xarita qo'shishingiz kerak bog'lanish uchun ma'lumot do'kon

Agar sayt JCE test muharriridan foydalansa, u holda standart sozlamalar bilan uni kiritishga ruxsat bermaydi javascript materiallari kod. Variant vaziyatni tuzatishga yordam beradi Javascrip-ga ruxsat bering V Komponentlar > JCE Editor > Tahrirlovchi profillari > Standart > Tahririyat parametrlari > Kengaytirilgan.

Shundan so'ng, materialni tahrirlash sahifasida ko'rish uchun tugmani bosing manba kodi va skriptimizni kiriting.

Xaritani modulda ko'rsatish uchun biz shunchaki turdagi modulni yaratamiz HTML kodi va shunga o'xshash tarzda karta kodini kiriting.

Har bir narsa juda oddiy va uchinchi tomon kengaytmalarini o'rnatishga hojat yo'q.

Sayt xaritasi OSMap.

Ushbu komponent bir vaqtning o'zida joomla uchun eng yaxshisi edi. Bepul versiya Ushbu kengaytma asosiy kengaytmalarda ishlaydigan sayt xaritasini yaratish uchun kerak bo'lgan hamma narsaga ega. Joomla dvigatelida ishlaydigan veb-saytingizda sayt xaritasiga ega bo'lishingiz uchun faqat ushbu kengaytmani o'rnatishingiz kerak. Xo'sh, xaritadan ma'lum sahifalar yoki materiallarni olib tashlamoqchi bo'lsangiz, uni sozlang.

Ushbu komponent Joomla uchun bir vaqtlar mashhur sayt xaritasini almashtirdi - " Xmap", bu endi qo'llab-quvvatlanmaydi va rasmiy Xmap veb-sayti yopildi.

Qadam 1. Joomla-da sayt xaritasini o'rnatish

Avval arxivni yuklab olishingiz kerak. O'rnatish jarayonida komponent va kengaytma plaginlari o'rnatiladi OSMap.

Komponent quyidagi yo'l yordamida saytning administrator paneli orqali o'rnatiladi:

Kengaytmalar ==> Kengaytma menejeri ==> Paketdan faylni yuklang

Kompyuteringizga yuklab olingan faylni tanlang va ustiga bosing Yuklab oling va o'rnating

Barcha karta o'rnatilgan va darhol ishlaydi.

2-qadam. - Sayt xaritasi sozlamalari

Saytning boshqaruv paneliga o'ting Komponentlar => OSMap.

Mana, biz boradigan "Sayt xaritasi" sayt xaritasi.

Xarita allaqachon yaratilgan va o'rnatilgandan so'ng darhol nashr etilgan! Boshqa hech narsa qilishingiz shart emas, hamma narsa ishlaydi!

Qulaylik uchun siz uni qayta nomlashingiz mumkin, lekin bu juda muhim emas.

Yorliqda Menyu Sayt xaritasida ko'rsatilishi kerak bo'lgan menyularni belgilaymiz. Prioritet va o'zgartirish chastotasiga kelsak, siz hech narsani o'zgartirishingiz shart emas, chunki qidiruv tizimlari hali ham saytni o'z qoidalariga muvofiq indekslaydi.

Yorliqda Variantlar Quyidagi sozlamalar mavjud:

Agar siz tarjimani o'rnatmagan bo'lsangiz, u quyidagicha ko'rsatiladi:

• Kirish matni- HTML formatidagi xarita uchun kirish matni
• Menyu sarlavhasi- har bir menyuning yuqori qismidagi menyu nomi
• CSS sinf nomi- xarita uchun uslubingiz sinfining nomi
• #Kollar- 2 dan boshlanadigan ustunlar sonini ko'rsatish

• Tashqi havolalar tasviri- tashqi havolalar uchun rasmlarni tanlash
• XML ni siqish- xaritani siqish
• XML-ni chiroyli qilish- xarita ko'rinishi, tekshiring va o'zingizga yoqqan xaritani ko'rsatish variantini tanlang
• Muallifga havola- kengaytmani ishlab chiquvchilarga havolalarni o'chiring

3-qadam. - Xaritani ko'ring

Biz sozlamalardan chiqamiz va xarita havolalari nomi bilan qatorda ko'ramiz.

Siz bosganingizda Tasvirlar, sayt tasvirlari haqidagi ma'lumotlar paydo bo'ladi.

4-qadam: Menyu yarating

MENU-ga o'ting va menyu elementini yarating OSMap - HTML sayt xaritasi. "Sayt xaritasini tanlang" qatorida biz sayt xaritasini ko'rsatamiz.

Keyingi "Sayt xaritasi sozlamalari" yorlig'ida ushbu kengaytma uchun uslublarni ulash tugmasi mavjud.

Saytda yaratilgan menyu bandini ochamiz, u erda bizni sayt xaritasi kutmoqda.

5-qadam. Plaginlar

Kengayish tomon OSMap Etti plagin kiritilgan, ulardan uchtasi sukut bo'yicha kiritilgan. Qolganlari forum, do'kon va boshqalar kabi saytda o'rnatilgan komponentlar mavjudligiga qarab ishlatiladi.

Plaginlarda komponentda bo'lgani kabi sukut bo'yicha juda yaxshi sozlamalar mavjud.

Xaritadagi kabi OSMap keraksiz veb-sayt sahifalarini olib tashlang

Buning uchun admin login orqali saytga kirishingiz kerak (admin panelda emas, saytga!!). XML sayt xaritasini oching - ilgari tasvirlangan 3-bosqich. Eng chap ustunda, yashil "qush" ni bosganingizda, kerakli narsalarni yoqish / o'chirish mumkin. Qulaylik uchun ma'lumot blokining yuqori qismida "Sarlavhalarni ko'rsatish" ni yoqing.

Oxir-oqibat, faylga sayt xaritasi manzilini yozishni unutmang robots.txt

Buning uchun robots.txt fayliga quyidagi qatorni qo'shing.