JB Maps มีโมดูลง่ายๆ สำหรับการฝังแผนที่บนเว็บไซต์ของคุณ นี่คือโมดูลฟรีที่สร้างโดย JoomlaBamboo ซึ่งช่วยให้คุณสามารถตั้งค่าความสูง ความกว้าง ตำแหน่งเริ่มต้น และเครื่องหมายสูงสุด 3 ตัวบนแผนที่ นอกจากนี้ยังช่วยให้คุณสร้างเส้นทางระหว่างเครื่องหมายต่างๆ ได้

ฟังก์ชั่น

• การตั้งค่าความสูงของแผนที่
• การตั้งค่าความกว้างของแผนที่
• การติดตั้ง ระดับมาตรฐานซูม
• การตั้งค่าพิกัดเริ่มต้น
• สร้างได้ถึง 3 คะแนน
• การสร้างเส้นทางระหว่างเครื่องหมาย

การพึ่งพาอาศัยกัน

ปลั๊กอิน JB Library - หากไซต์ของคุณไม่ได้ใช้ jQuery สำหรับเทมเพลต T3 ทั้งหมดของเรา คุณไม่จำเป็นต้องติดตั้ง JB Library เพื่อให้สามารถใช้งานได้

คำแนะนำ

ขั้นแรกตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งโมดูลโดยใช้ตัวติดตั้ง Joomla จากแผงผู้ดูแลระบบ จากนั้นวางโมดูลในตำแหน่งที่ต้องการ หลังจากนี้คุณจะสามารถเปลี่ยนการตั้งค่าได้ ไปที่แผงผู้ดูแลระบบ Joomla และค้นหาตัวจัดการโมดูลที่นั่น ดังนั้นคุณจะเห็นรายการโมดูล ค้นหาโมดูล JB Maps ในนั้น คลิกที่ชื่อแล้วคุณจะเห็นพารามิเตอร์ที่สามารถกำหนดค่าได้ ถ้าคุณต้องการ ข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่า เลื่อนข้อความไปทางซ้ายและคำใบ้จะปรากฏขึ้น อย่าลืมบันทึกการเปลี่ยนแปลงของคุณ

การแก้ปัญหา

ฉันติดตั้งโมดูลแล้วแต่ไม่สามารถมองเห็นได้?

เมื่อคุณติดตั้งโมดูล โมดูลนั้นจะอยู่ในตำแหน่งโมดูลด้านซ้ายและถูกปิดใช้งาน ตรวจสอบว่าคุณได้ย้ายไปยังตำแหน่งที่ต้องการและเปิดใช้งานอยู่

ฉันสามารถใช้ตัวเลือกอัตโนมัติสำหรับการตั้งค่าความกว้างได้หรือไม่

ไม่ได้ ไม่สามารถตั้งค่าเป็นการ์ดได้ การตรวจจับอัตโนมัติความกว้าง. คุณต้องระบุความกว้างสูงสุดสำหรับการแสดงแผนที่ตามความกว้างของคอนเทนเนอร์หลักของเทมเพลตของคุณ โมดูลใช้ คุณสมบัติซีเอสเอสความกว้างสูงสุดซึ่งทำให้แน่ใจได้ว่าการ์ดจะไม่ขยายเกินคอนเทนเนอร์หลักในการออกแบบที่ตอบสนอง

สวัสดีทุกคน! ฉันคิดว่าคุณแต่ละคนใช้เป็นครั้งคราว บริการของ Googleแผนที่และแผนที่ Yandex สำหรับการดูการจราจรติดขัด เส้นทางการขับขี่ หรือค้นหาที่อยู่เฉพาะ บริการต่างๆ สะดวกและเป็นที่นิยมมาก ดังนั้นจึงสมควรได้รับความสนใจจากเราอย่างแน่นอน ในบทความนี้ฉันจะพูดถึงโมดูล Yandex Map สำหรับ Joomla ในขณะเดียวกัน เรามาพิจารณาอะนาล็อกจาก Google กันดีกว่า

สำหรับองค์กรการค้า ทางออกที่ดีไม่เพียงแต่ระบุข้อมูลติดต่อ แต่ยังเพิ่มแผนที่พร้อมระบุตำแหน่งของคุณด้วย สิ่งนี้สะดวกมากสำหรับลูกค้า - ช่วยให้พวกเขานำทางและเข้าใจวิธีเข้าถึงคุณได้อย่างรวดเร็ว

นอกจากนี้ยังอาจเป็นประโยชน์สำหรับเจ้าของแหล่งข้อมูลทางอินเทอร์เน็ตที่ไม่แสวงหากำไร เช่น แสดงสถานที่นัดพบ โรงภาพยนตร์ที่ชื่นชอบ หรือเส้นทางปั่นจักรยาน

ฝังปลั๊กอิน Google Map สำหรับ Joomla

ส่วนขยายสำหรับการรวมเข้ากับ Joomla Google Mapsเพียงพอ. มีส่วนประกอบที่มีฟังก์ชันการทำงานมากมาย เช่น ส่วนขยาย Googlemaps Plugin ที่มีคะแนนเฉลี่ย 4.85 จาก 5 ปลั๊กอินนี้เหมาะสำหรับทุกคน แต่เพียงเท่านั้น ภาษาอังกฤษ. เมื่อพิจารณาว่ามีการตั้งค่าต่างๆ มากมาย ไม่ใช่ทุกคนที่จะเข้าใจได้ ดังนั้นฉันขอแนะนำให้ใช้ปลั๊กอินอื่น - ฝัง Google Map ฟังก์ชั่นของมันถึงแม้จะไม่น่าประทับใจนักแต่ก็มักจะมากเกินพอ

คุณสามารถดาวน์โหลดปลั๊กอิน Embed Google Map ได้จาก joomla.org ไม่จำเป็นต้องคลายไฟล์เก็บถาวรผลลัพธ์ เช่นเดียวกับส่วนขยายทั้งหมด ปลั๊กอิน Embed Google Map ได้รับการติดตั้งผ่านทาง .

หลังการติดตั้ง ไปที่ Plugin Manager แล้วค้นหา “เนื้อหา - ฝัง Google Map” เราเปิดใช้งานปลั๊กอินโดยเปลี่ยนสถานะเป็น "เปิดใช้งาน" และไปที่การตั้งค่า

ลองดูที่พารามิเตอร์พื้นฐาน

• ระดับการซูม — ตั้งค่ามาตราส่วน
• ภาษา — เลือกภาษา (รัสเซีย)
• เพิ่มลิงก์ - เพิ่มลิงก์ไปยังเวอร์ชันที่ใหญ่กว่า ป้ายกำกับลิงก์ — ข้อความของลิงก์นี้
• ความสูงและความกว้าง - ความสูงและความกว้างของหน้าต่าง
• เส้นขอบ—ความหนาของเส้นขอบเป็นพิกเซล

หากต้องการแสดงบนหน้าเว็บไซต์ ให้ใช้รหัสต่อไปนี้:

( google_map) ที่อยู่ ( / google_map)

แทนที่จะใส่ที่อยู่ ให้ป้อนที่อยู่ที่ต้องการ ปลั๊กอิน Embed Google Map เข้าใจภาษารัสเซียได้ดีอย่างน่าประหลาดใจ ตัวอย่างเช่น เข้าใจที่อยู่ต่อไปนี้: Krasnodar, ถนน Krasnaya อาคาร 68

รหัสนี้สามารถแทรกลงในข้อความของเนื้อหาหรือในโมดูล "รหัส HTML" มาตรฐาน ดังนั้น ในกรณีแรก แผนที่จะปรากฏในพื้นที่เนื้อหา และในกรณีที่สองจะปรากฏในพื้นที่โมดูล เพียงใช้โปรแกรมแก้ไข HTML CodeMirror โปรแกรมแก้ไขภาพ TineMCE ไม่เป็นมิตรกับโค้ดประเภทนี้

รหัสเอาต์พุตสามารถเสริมด้วยแอตทริบิวต์ได้

1. ตั้งค่าสเกลเป็น 7

3. ตั้งค่าขนาดหน้าต่างและความหนาของขอบ

คุณสมบัติจะแทนที่ค่าที่ตั้งไว้ในการตั้งค่าปลั๊กอิน

ส่วนประกอบ Zh YandexMap

หากต้องการสร้าง Yandex Map ใน Joomla 2.5 มีส่วนขยายฟรีเพียงส่วนขยายเดียวเท่านั้น - ส่วนประกอบ Zh YandexMap แต่มีคุณภาพสูงมาก - มีขนาดใหญ่ ฟังก์ชั่นและเป็นภาษารัสเซียทั้งหมด

คุณยังสามารถดาวน์โหลด Zh YandexMap ได้จาก joomla.org ติดตั้งเป็นมาตรฐาน - ผ่าน Extension Manager เนื่องจาก Zh YandexMap เป็นส่วนประกอบไม่ใช่ปลั๊กอิน จึงสร้างรายการที่มีชื่อเดียวกันสำหรับตัวมันเองในส่วน "ส่วนประกอบ" ของเมนูผู้ดูแลระบบ Joomla หลัก

เพื่อให้ส่วนประกอบทำงานได้ คุณต้องได้รับคีย์สำหรับ Yandex.Maps API ไปที่แบบฟอร์มเพื่อรับคีย์ API จาก Yandex

• ป้อนที่อยู่เว็บไซต์
• เราทำเครื่องหมายไว้ภายใต้ข้อตกลงผู้ใช้ (ซึ่งด้วยเหตุผลบางอย่างไม่ปรากฏสำหรับฉัน)
• คลิก "รับคีย์ API"

ในหน้าถัดไปเราได้รับกุญแจอันล้ำค่า ควรคัดลอกและวางลงในการตั้งค่าของส่วนประกอบ Zh YandexMap ซึ่งสามารถเข้าถึงได้โดยใช้ปุ่มที่เกี่ยวข้องในแถบเครื่องมือ

หลักการทำงานกับ Zh YandexMap คืออะไร:

• เราสร้างแผนที่ผ่านส่วนที่เหมาะสม เพื่อความสะดวกจะจัดกลุ่มเป็นหมวดหมู่
• เราใส่เครื่องหมาย เส้นทาง และเส้นทางบนแผนที่ที่สร้างขึ้น ในทางกลับกัน เครื่องหมายจะรวมกันเป็นกลุ่มเครื่องหมาย

มาดูวิธีการสร้างกัน ยานเดกซ์ง่าย ๆแผนที่ที่สามารถเพิ่มเครื่องหมาย เส้นทาง และเส้นทางเพิ่มเติมได้ในภายหลัง

ไปที่ส่วน "แผนที่" และคลิกปุ่ม "สร้าง" ในแถบเครื่องมือที่มุมขวาบน

รายการที่จำเป็นทั้งหมดจะมีเครื่องหมายดอกจันกำกับไว้ สิ่งสำคัญมีดังต่อไปนี้:

สวัสดีทุกคน)

ในบทความนี้เราจะมาดูกันว่าคุณสามารถใส่ได้อย่างไร การ์ดจากยานเดกซ์ไปยังเว็บไซต์ จูมล่า.

ขั้นแรก ไปที่นี่ http://api.yandex.ru/maps/tools/cms/ และดาวน์โหลดโมดูลสำหรับ Joomla

จากนั้นทำการติดตั้ง (Extension Manager - อัพโหลดไฟล์แพ็คเกจ)

ตอนนี้ไปที่ Module Manager และค้นหาโมดูลที่ติดตั้ง

คลิกที่มันและเข้าสู่การตั้งค่า ขอบคุณ Yandex การตั้งค่าทั้งหมดเป็นภาษารัสเซีย :)

เพื่อที่จะใส่เครื่องหมายให้ถูกที่ คุณก็สามารถใส่พิกัดลงไปได้

คุณยังสามารถจับและลากเครื่องหมายไปยังตำแหน่งที่ต้องการบนแผนที่ได้อีกด้วย

ขนาดของแผนที่สามารถดูได้ในตัวอย่างแผนที่ (เหนือการตั้งค่า) คลิกที่ + หรือ - เพื่อดูมาตราส่วน

ประเภทของการ์ดสามารถดูได้ในตัวอย่างด้านบน

เรากำหนดความกว้างและความสูงให้เหมาะกับไซต์ ในกรณีของฉันคือ 500x400px

ข้อความ (ชื่อ) ของไอคอน แท็ก html- เราตั้งชื่อให้กับเครื่องหมายบนแผนที่

เคล็ดลับเครื่องมือป้ายกำกับ - ข้อความจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือป้ายกำกับ

บอลลูน - ข้อความเมื่อคุณคลิกที่ป้ายกำกับ

การปรับขนาด, เครื่องมือ, ประเภทแผนที่, การจราจร - เพิ่ม ตัวเลือกเพิ่มเติมบนแผนที่.

พารามิเตอร์เพิ่มเติม - เป็นการดีกว่าที่จะไม่แตะต้อง :) (สำหรับสิ่งนี้โปรดดู Yandex Maps API)

หลังจากกำหนดค่าทุกอย่างแล้ว ให้บันทึกและเผยแพร่โมดูล

เพียงเท่านี้ โชคดี!)

ด้วยบทความสั้น ๆ นี้ ฉันต้องการเปิดส่วนใหม่ในบล็อก ที่นี่ฉันจะเขียนเกี่ยวกับบริการของบุคคลที่สามที่ช่วยให้คุณสามารถแก้ไขปัญหาที่ Joomla ไม่มีส่วนขยายสำเร็จรูปเลยหรือมีอยู่ แต่ไม่สามารถแก้ปัญหาได้ทั้งหมด

นอกจากนี้ยังควรเน้นแยกกรณีนี้เมื่อมีส่วนขยาย แต่ก็ค่อนข้างเป็นไปได้ที่จะทำโดยไม่ต้องใช้ส่วนขยายโดยการทำงานกับ API บริการโดยตรง นี่คือสิ่งที่บทความนี้จะกล่าวถึง

การใส่การ์ดพร้อมที่อยู่ร้านค้าบนเว็บไซต์เป็นงานที่เจ้าของร้านค้าออนไลน์เกือบทั้งหมดแก้ไขได้ มีส่วนขยายสำเร็จรูปหลายรายการสำหรับ Joomla ( , , ) ทุกอย่างเรียบร้อยดี ทุกอย่างใช้งานได้ แต่แต่ละโมดูลจะเพิ่มลิขสิทธิ์ของตัวเองและมีฟังก์ชันเพิ่มเติมที่ไม่ได้ใช้จริง

ในความคิดของฉัน การใช้แหล่งที่มาดั้งเดิมนั้นง่ายกว่ามาก กล่าวคือ ผู้ออกแบบแผนที่จาก Yandex เอง

การสร้างการ์ดใหม่นั้นง่ายมาก หลังจากกดปุ่มแล้ว สร้างแผนที่ใหม่หน้าต่างจะเปิดขึ้นซึ่งคุณสามารถเพิ่มที่อยู่ร้านค้าลงในแผนที่ได้

หากต้องการแสดงชื่อถัดจากป้ายกำกับ ให้เลือกประเภท พร้อมลายเซ็น.

บันทึกผลลัพธ์และตั้งค่าขนาดในขั้นตอนถัดไป หากต้องการปรับความกว้างของแผนที่ให้เท่ากับขนาดของหน้าจออุปกรณ์ ให้เปิดใช้งานตัวเลือก ยืดให้กว้าง.

กดปุ่ม รับรหัสบัตรและคัดลอกโค้ดที่ฝังไว้บนเว็บไซต์

รหัสนี้สามารถแทรกลงในวัสดุ โมดูล หรือเพียงแค่ลงในซอร์สโค้ดของเทมเพลต

ข้อมูลเพิ่มเติมเล็กน้อยเกี่ยวกับการแทรกโค้ดลงในเนื้อหา เช่น คุณต้องเพิ่มแผนที่ลงในหน้าด้วย ข้อมูลติดต่อเก็บ.

หากไซต์ใช้โปรแกรมแก้ไขการทดสอบ JCE ดังนั้นด้วยการตั้งค่าเริ่มต้น ไซต์จะไม่อนุญาตให้แทรกเข้าไป จาวาสคริปต์รหัส. ตัวเลือกจะช่วยแก้ไขสถานการณ์ อนุญาตจาวาสคริปต์วี คอมโพเนนต์ > เอดิเตอร์ JCE > โปรไฟล์เอดิเตอร์ > ดีฟอลต์ > อ็อพชันเอดิเตอร์ > ขั้นสูง.

หลังจากนั้นในหน้าแก้ไขวัสดุ ให้คลิกปุ่มเพื่อดู รหัสแหล่งที่มาและใส่สคริปต์ของเรา

หากต้องการแสดงแผนที่ในโมดูล เราเพียงแค่สร้างโมดูลที่มีประเภทนั้น รหัส HTMLและใส่รหัสบัตรในทำนองเดียวกัน

ทุกอย่างง่ายมากและไม่จำเป็นต้องติดตั้งส่วนขยายของบุคคลที่สาม

แผนผังเว็บไซต์ OSMap.

ส่วนประกอบนี้ดีที่สุดสำหรับ Joomla ในคราวเดียว รุ่นฟรีส่วนขยายนี้มีทุกสิ่งที่คุณต้องการเพื่อสร้างแผนผังเว็บไซต์ที่ทำงานบนส่วนขยายพื้นฐาน สิ่งที่คุณต้องมีเพื่อให้แผนผังไซต์ปรากฏบนเว็บไซต์ของคุณที่ทำงานบนเอ็นจิ้น Joomla คือการติดตั้งส่วนขยายนี้ กำหนดค่าหากคุณต้องการลบหน้าหรือเนื้อหาบางอย่างออกจากแผนที่

ส่วนประกอบนี้ได้เข้ามาแทนที่แผนผังเว็บไซต์ยอดนิยมสำหรับ Joomla - " เอ็กซ์แมป" ซึ่งไม่ได้รับการสนับสนุนอีกต่อไป และเว็บไซต์ Xmap อย่างเป็นทางการได้ถูกปิดแล้ว

ขั้นตอนที่ 1 การติดตั้งแผนผังเว็บไซต์บน Joomla

ก่อนอื่นคุณต้องดาวน์โหลดไฟล์เก็บถาวร ในระหว่างขั้นตอนการติดตั้ง ส่วนประกอบและปลั๊กอินส่วนขยายจะถูกติดตั้ง OSMap.

ส่วนประกอบได้รับการติดตั้งผ่านแผงผู้ดูแลระบบของไซต์โดยใช้เส้นทางต่อไปนี้:

ส่วนขยาย ==> ตัวจัดการส่วนขยาย ==> โหลดไฟล์จากแพ็คเกจ

เลือกไฟล์ที่ดาวน์โหลดบนคอมพิวเตอร์ของคุณแล้วคลิก ดาวน์โหลดและติดตั้ง

ติดตั้งการ์ดทั้งหมดแล้วใช้งานได้ทันที

ขั้นตอนที่ 2 - การตั้งค่าแผนผังเว็บไซต์

ในแผงผู้ดูแลระบบไซต์ไปที่ ส่วนประกอบ => OSMap.

นี่คือแผนผังไซต์ "แผนผังไซต์" ที่เราเข้าไป

แผนที่ถูกสร้างขึ้นและเผยแพร่ทันทีหลังการติดตั้ง! คุณไม่จำเป็นต้องทำอะไรอีก ทุกอย่างได้ผล!

เพื่อความสะดวกคุณสามารถเปลี่ยนชื่อได้ แต่ก็ไม่ได้สำคัญอะไร

ในแท็บ เมนูเราทำเครื่องหมายเมนูที่ควรแสดงในแผนผังเว็บไซต์ สำหรับลำดับความสำคัญและความถี่ในการเปลี่ยนแปลง คุณไม่จำเป็นต้องเปลี่ยนแปลงอะไรเลย เนื่องจากเครื่องมือค้นหาจะยังคงจัดทำดัชนีไซต์ตามกฎเกณฑ์ของตนเอง

บนแท็บ ตัวเลือกการตั้งค่าต่อไปนี้สามารถใช้ได้:

หากคุณไม่ได้ตั้งค่าการแปล มันจะแสดงดังต่อไปนี้:

• ข้อความแนะนำ- ข้อความแนะนำแผนที่ในรูปแบบ HTML
• ชื่อเมนู- ชื่อเมนูที่ด้านบนของแต่ละเมนู
• ชื่อคลาส CSS- ชื่อคลาสสไตล์ของคุณสำหรับแผนที่
• #คอล- บ่งชี้จำนวนคอลัมน์เริ่มต้นจาก 2

• รูปภาพลิงก์ภายนอก- การเลือกรูปภาพสำหรับลิงค์ภายนอก
• บีบอัด XML- การบีบอัดแผนที่
• ตกแต่ง XML- มุมมองแผนที่ ตรวจสอบและเลือกตัวเลือกการแสดงแผนที่ที่คุณต้องการ
• เชื่อมโยงไปยังผู้เขียน- ปิดการใช้งานลิงก์ไปยังผู้พัฒนาส่วนขยาย

ขั้นตอนที่ 3 - ดูแผนที่

เราออกจากการตั้งค่าและดูในบรรทัดที่มีชื่อแผนที่ Map Links

เมื่อคุณคลิกที่ รูปภาพข้อมูลเกี่ยวกับรูปภาพไซต์จะปรากฏขึ้น

ขั้นตอนที่ 4: สร้างเมนู

ไปที่ MENU และสร้างรายการเมนู OSMap - แผนผังเว็บไซต์ HTML. ในบรรทัด “เลือกแผนผังเว็บไซต์” เราจะระบุแผนผังเว็บไซต์

ในแท็บถัดไป "การตั้งค่าแผนผังไซต์" จะมีปุ่มสำหรับเชื่อมต่อสไตล์สำหรับส่วนขยายนี้

เราเปิดรายการเมนูที่สร้างขึ้นบนเว็บไซต์ซึ่งมีแผนผังเว็บไซต์รอเราอยู่

ขั้นตอนที่ 5 ปลั๊กอิน

สู่การขยายตัว OSMapรวมปลั๊กอินเจ็ดรายการ โดยสามปลั๊กอินรวมอยู่ตามค่าเริ่มต้น ส่วนที่เหลือจะถูกใช้ขึ้นอยู่กับการมีอยู่ของส่วนประกอบที่ติดตั้งบนเว็บไซต์ เช่น ฟอรัม ร้านค้า และอื่นๆ

ปลั๊กอินมีการตั้งค่าที่ดีมากตามค่าเริ่มต้น เช่นเดียวกับส่วนประกอบต่างๆ

เหมือนจากแผนที่ OSMapลบหน้าเว็บไซต์ที่ไม่จำเป็นออก

ในการดำเนินการนี้ คุณต้องลงชื่อเข้าใช้ไซต์ (ไม่ใช่ในแผงผู้ดูแลระบบ แต่บนไซต์!!) โดยใช้การเข้าสู่ระบบของผู้ดูแลระบบ เปิดแผนผังเว็บไซต์ XML - ขั้นตอนที่ 3 อธิบายไว้ก่อนหน้านี้ ในคอลัมน์ซ้ายสุด เมื่อคุณคลิกที่ "นก" สีเขียว คุณสามารถเปิด/ปิดรายการที่คุณต้องการได้ เพื่อความสะดวก ที่ด้านบนสุดของบล็อกข้อมูล ให้เปิดใช้งาน "แสดงส่วนหัว"

ท้ายที่สุดอย่าลืมเขียนที่อยู่แผนผังเว็บไซต์ลงในไฟล์ robots.txt

เมื่อต้องการทำเช่นนี้ ให้เพิ่มบรรทัดต่อไปนี้ลงในไฟล์ robots.txt