My Maps location : สถานที่ & หมวดหมู่
1. รับคีย์ Google Maps API
แต่ละครั้งที่คุณใช้ Google Maps API หากโดเมนของคุณถูกสร้างขึ้นหลังวันที่ 22 มิถุนายน 2016 คุณต้องใส่คีย์เพื่อยืนยันคำขอของคุณ
รับคีย์และเปิดใช้งาน API: https://developers.google.com/maps/documentation/javascript/get-api-key
ข้อมูลเพิ่มเติม: https://developers.google.com/maps/documentation/javascript/usage?hl=th
ขั้นตอนแรกคือการสร้างโปรเจ็กต์แล้วพิมพ์ชื่อโปรเจ็กต์
หากฉันต้องการอนุญาตคำขอทั้งหมดจาก mydomain รูปแบบที่จะปฏิบัติตามคือ *.joomunited.com/*
หากคุณต้องการอนุญาตเพียงโดเมนเดียว เช่น mydomain.com รูปแบบจะเป็น joomunited.com/*
ในสภาพแวดล้อม localhost คุณสามารถใส่รหัสที่ถูกต้องและจะทำงานได้โดยไม่ต้องอ้างอิงโดเมน
จากนั้น ระบบจะสร้างคีย์ API ซึ่งเป็นคีย์ที่คุณต้องคัดลอกเพื่อเพิ่มไปยังตำแหน่ง My Maps location
เพิ่มคีย์ไปยัง My Maps Location
จาก ส่วนประกอบ > My Maps Location > มุมมองตัวเลือก คุณสามารถเพิ่มคีย์ในการกำหนดค่าได้
วางคีย์
ประวัติย่อทีละขั้นตอน:
ดังนั้นขั้นตอนที่ฉันทำตามคือ
- ไปที่คอนโซล Google API
- สร้างหรือเลือกโครงการ
- คลิก ดำเนินการต่อ เพื่อเปิดใช้งาน API และบริการที่เกี่ยวข้อง
- ในหน้า Credentials รับ รหัสเบราว์เซอร์ (และตั้งค่า API Credentials)
- เพื่อป้องกันการโจรกรรมโควต้า ให้รักษาความปลอดภัยคีย์ API ของคุณตาม แนวทางปฏิบัติที่ดีที่สุดเหล่านั้น
2. จัดการหมวดหมู่ของสถานที่
สถานที่จัดอยู่ในหมวดหมู่ หมวดหมู่เหล่านั้นสามารถแสดงเป็นตัวกรองในส่วนหน้าหรือใช้เป็นพารามิเตอร์ที่กำหนดไว้ล่วงหน้าในรายการเมนูเพื่อโหลดตำแหน่งบางประเภท
หากคุณมีสถานที่จำนวนมาก ขอแนะนำให้ใช้หมวดหมู่
คุณสามารถสร้างหมวดหมู่และหมวดหมู่ย่อยได้ หากต้องการสร้างหมวดหมู่ โปรดไป My Maps location > หมวดหมู่ แล้วคลิกใหม่
จากนั้นจากหน้าจอหมวดหมู่ คุณจะต้องเพิ่มชื่อและหมวดหมู่หลัก ในกรณีที่คุณต้องการสร้างหมวดหมู่ย่อย
คุณยังสามารถกำหนดเครื่องหมายเริ่มต้นสำหรับตำแหน่งในหมวดหมู่โดยใช้แท็บ การ เลือกเครื่องหมาย
3. สร้างสถานที่
ในการสร้างสถานที่ โปรดไป My Maps location > ตำแหน่ง > ใหม่
มี 3 ช่องบังคับ:
- ชื่อสถานที่
- หมวดหมู่ของสถานที่
- รายละเอียดสถานที่ (ที่อยู่)
สำหรับที่อยู่คุณมี 3 วิธีในการเพิ่ม:
- ใช้ช่องค้นหา (แนะนำ)
- นำทางไปยังแผนที่และใช้เคอร์เซอร์เพื่อชี้ตำแหน่ง
- กรอกที่อยู่ (ต้องเป็น Google Maps ที่ถูกต้อง)
หากต้องการเพิ่มสถานที่ด้วยเครื่องมือค้นหา ให้พิมพ์ชื่อสถานที่ที่คุณต้องการเพิ่ม
ในการเลือก ช่องละติจูดและลองจิจูดจะถูกกรอกโดยอัตโนมัติ แผนที่ของฉันถูกรวมเข้ากับสถานที่ของ Google ด้วย! หมายความว่าคุณสามารถค้นหาร้านค้าหรือสิ่งอื่นใดที่ลงทะเบียนบน Google Maps ส่วนประกอบของเราจะได้รับข้อมูลสถานที่ทั้งหมด
คุณยังสามารถย้ายบนแผนที่และใส่เครื่องหมายได้โดยตรง ผลลัพธ์จะเหมือนเดิม และคุณจะได้รับละติจูดและลองจิจูดโดยอัตโนมัติ
โปรดใช้ความระมัดระวังกับช่องที่อยู่และรหัสไปรษณีย์หากคุณกรอกด้วยตนเอง โดยจะต้องตรงกับที่อยู่ที่รู้จักของ Google Maps
ข้อมูลอื่นๆ ทั้งหมดของสถานที่ (คำอธิบาย ชั่วโมง...) จะแสดงในมุมมองรายละเอียดของสถานที่
ลิงก์ติดต่อในฉบับรายละเอียดสถานที่ตั้ง มีความเป็นไปได้ในการเพิ่มลิงก์ติดต่อ Mailto หรือ URL ต่อสถานที่ ในส่วนหน้าจะเป็นปุ่มติดต่อที่จะเปิด URL หรือดำเนินการกับ mailto
4. ข้อมูลสถานที่อื่นๆ
ในแต่ละตำแหน่งคุณสามารถเพิ่มรูปภาพและเครื่องหมายได้
- รูปภาพสถานที่: รูปภาพจะแสดงเป็นภาพขนาดย่อในคำแนะนำเครื่องมือของสถานที่และในขนาดที่ใหญ่ขึ้นในหน้ารายละเอียดสถานที่
- ใช้ไอคอนหมวดหมู่: ใช้ไอคอนที่คุณใส่ในช่องหมวดหมู่ของตำแหน่งแผนที่ของฉัน
- พื้นหลังเครื่องหมาย: เลือกสีสำหรับเครื่องหมายพื้นหลังของคุณ
- เครื่องหมาย จะแสดงบนแผนที่เป็นไอคอนตัวระบุตำแหน่ง คุณยังได้รับชุดเครื่องหมายสวยๆ สำหรับสถานที่ของคุณรวมอยู่ใน ส่วนขยาย My Maps Location ด้วย
- การใช้ลิงก์ที่กำหนดเอง จะแทนที่ลิงก์ไปยังรายละเอียดของตำแหน่งด้วย URL ที่กำหนดเอง
My Maps location ใช้คุณลักษณะหลายภาษาของ Joomla คุณสามารถกำหนดภาษาในหมวดหมู่ของสถานที่และในที่ตั้ง ในการสลับภาษา ตำแหน่งจะถูกกรองเหมือนกับเนื้อหา Joomla อื่น ๆ เพื่อแสดงเนื้อหาที่ได้รับอนุมัติภาษา
ฟิลด์คำอธิบายตำแหน่งเป็นหนึ่งในส่วนที่สำคัญที่สุด
โดยจะแสดงบนหน้ารายละเอียดสถานที่และเป็นข้อความแนะนำสถานที่ในผลการค้นหา ทั้งนี้ขึ้นอยู่กับธีม ที่สำคัญกว่านั้น คำอธิบายคือตัวแก้ไขแบบ WYSIWYG ที่โหลดปลั๊กอินทั้งหมดไว้ข้างใน หมายความว่าคุณสามารถทำทุกอย่างที่คุณต้องการในนั้น (รูปภาพ วิดีโอ...)
นี่คือข้อความแนะนำที่แสดงในผลการค้นหาตำแหน่ง
ฟิลด์แท็กเป็นระบบแท็กเดียวกับ Joomla คุณสามารถเพิ่มแท็กและแท็กย่อย จากนั้นโหลดไว้ในส่วนหน้าเป็นตัวกรอง ในการจัดการแท็กทั้งหมด เพียงโหลดองค์ประกอบแท็ก Joomla: ส่วนประกอบ เมนู > แท็ก
ที่ส่วนหน้า แท็กสามารถแสดงเป็นช่องกาเครื่องหมาย (เช่น ร้อง) หรือเป็นรายการดรอปดาวน์ ทั้งนี้ขึ้นอยู่กับการกำหนดค่า
My Maps Location มีฟิลด์เพิ่มเติมเพื่อกรอกข้อมูลเมตา (สำหรับเครื่องมือค้นหา) ฟิลด์นี้ถูกโหลดบนหน้ารายละเอียดสถานที่
5. แสดงตำแหน่งบนส่วนหน้า
ในการแสดงตำแหน่งของคุณในส่วนหน้า คุณสามารถใช้:
- เมนูสำหรับแสดงเครื่องมือค้นหาตำแหน่ง ตำแหน่งเดียว หรือหมวดหมู่ของตำแหน่ง
- โมดูลสำหรับแสดงช่องค้นหาหรือเลือกชุดสถานที่
- ปุ่มตัวแก้ไขเพื่อแสดงตำแหน่งเดียวหรือหลายตำแหน่งในตัวแก้ไขใด ๆ
โหลดสถานที่จากเมนู
จากตัวจัดการเมนู Joomla ให้เพิ่มองค์ประกอบและเลือกเป็นประเภท “ค้นหาตำแหน่งและแสดง” มันจะแสดงเครื่องมือค้นหาตำแหน่งพร้อมตัวกรอง
เลือก "มุมมองรายละเอียดตำแหน่ง" เพื่อแสดงตำแหน่งที่กำหนดไว้ล่วงหน้าเพียงแห่งเดียว
จากแท็บหลักของเมนู คุณสามารถตั้งค่า:
- ป้อนที่อยู่: คุณสามารถบังคับให้แสดงที่อยู่เริ่มต้นในการโหลดหน้าเว็บ สามารถเว้นว่างไว้ได้
- ระยะทาง: ระยะทางในการล็อคการค้นหาโดยอ้างอิงที่อยู่ด้านบน ปล่อยให้เป็น -1 (ค่าเริ่มต้น)
- หมวดหมู่: โหลดหมวดหมู่เฉพาะของสถานที่
- ขีดจำกัดการค้นหา: จำกัดจำนวนผลการค้นหา 10 จะส่งคืนผลลัพธ์ 10 รายการแรกในการค้นหาตำแหน่งเท่านั้น
- การสั่งซื้อ: สั่งซื้อผลการค้นหาตามวันที่ ชื่อ ระยะทาง (ค่าเริ่มต้น)
จากนั้นใน แท็บเมนู My Maps Location คุณสามารถตั้งค่า:
- เลือกส่วนประกอบ: My Maps Location หรือการรวมระบบของบุคคลที่สามทั้งหมด เช่น K2, Jomsocial ...
- รหัสหมวดหมู่เริ่มต้น (ส่วนขยายของบุคคลที่สาม): หมวดหมู่เริ่มต้นที่จะโหลดเมื่อมีการใช้งานส่วนขยายของบุคคลที่สาม เช่น K2, Hikashop หรือ Adsmanager, รหัสรายการ CB สำหรับตัวสร้างชุมชน
- ตำแหน่งหมวดหมู่ย่อย: แสดงเป็นตำแหน่งผลการค้นหาจากหมวดหมู่ย่อยด้วย ไม่ใช่เฉพาะตำแหน่งที่เลือกด้านบน
- ธีม: เลือกหนึ่งใน 3 ธีมเริ่มต้น ความกว้างเต็มและแถบด้านข้างของธีมการค้นหาและการแสดงผลลัพธ์ที่มีให้สำหรับรายการเมนู
- ผู้ให้บริการแผนที่: เลือก Google Maps, Bing Maps, Mapbox, OpenStreetMap, Baidu หรือ Mapquest เพื่อจัดรูปแบบแผนที่ของคุณ
- เปิดใช้งานแท็กการค้นหา : อนุญาตให้ค้นหาโดยใช้ชื่อแท็กตำแหน่ง
- การออกแบบ: ขึ้นอยู่กับแหล่งที่มาของแผนที่ที่คุณมีแผนที่หลายประเภทและสี
- เลเยอร์แผนที่: เพิ่มข้อมูล (เลเยอร์) ให้กับแผนที่ของคุณ มีเลเยอร์ KML, เลเยอร์การรับส่งข้อมูล, เลเยอร์การขนส่ง และเลเยอร์การปั่นจักรยาน
- Google Map Layer Url: ใช้ชั้นข้อมูลเพื่อจัดเก็บข้อมูลที่คุณกำหนดเอง หรือเพื่อแสดงข้อมูล GeoJSON บน Google map
- ประเภท Bing Maps: หาก Bing Maps เป็นผู้ให้บริการแผนที่ของคุณ ให้เลือกลักษณะและข้อมูลของ Bing Maps
- ประเภท OpenStreetMap: หาก OpenStreetMap เป็นผู้ให้บริการแผนที่ของคุณ คุณสามารถเพิ่มข้อมูล (เลเยอร์) ให้กับแผนที่ของคุณได้
- เคล็ดลับเครื่องมือตำแหน่ง: ในการโหลดแผนที่ เปิดคำแนะนำเครื่องมือตำแหน่งโดยอัตโนมัติหลังจากค้นหาตำแหน่ง
- การซูมแผนที่: กำหนดระดับการซูมเริ่มต้นบนแผนที่
- แผนที่และตัวเลือกความกว้างและความสูงของผลการค้นหา
การแสดงส่วนหน้าตามธีม
ผลการค้นหาตำแหน่งเดียวแสดง:
แสดงตำแหน่งโดยใช้โมดูล
My maps location มาพร้อมกับ 2 โมดูลสำหรับตำแหน่งดั้งเดิม + อื่นๆ สำหรับการผสานรวมของบุคคลที่สาม (เช่น โมดูลสำหรับแสดงตำแหน่งรายการ K2)
โมดูลแผนที่ ทำให้คุณสามารถแสดงตำแหน่งของคุณด้วยตัวกรองเดียวกับเมนูแต่อยู่ในตำแหน่งโมดูล สถานที่จะแสดงเป็นแผนที่หรือรายการ คุณสามารถเลือกชุดของสถานที่หรือเลือกหมวดหมู่สถานที่ได้
My Maps Location Map – โมดูลการค้นหา จะแสดงเครื่องมือค้นหาพร้อมตัวกรองบางตัวเป็นตัวเลือก เช่น ความกว้างของแผนที่หรือส่วนประกอบที่จะค้นหาตำแหน่ง (ค้นหาตำแหน่ง K2 สำหรับ axample เท่านั้น)
โมดูลแสดงผลที่ส่วนหน้า:
แสดงตำแหน่งโดยใช้ปุ่มตัวแก้ไข
ปุ่มตัวแก้ไขจะถูกโหลดในตัวแก้ไข Joomla ของคุณ (โดยปกติในบทความหรือโมดูล HTML ที่กำหนดเอง)
คุณจะเห็นปุ่มที่ด้านล่างของตัวแก้ไข เมื่อคลิก คุณจะเห็นไลท์บ็อกซ์ที่ช่วยให้คุณสามารถเลือกสถานที่หนึ่งหรือหลายแห่งที่คุณเคยเพิ่มไว้ก่อนหน้านี้
จากนั้นคุณสามารถเลือกหนึ่งหรือบางสถานที่แล้วกดปุ่มเพื่อเพิ่มในบทความของคุณ
หากคุณไม่ได้ระบุระดับการซูมใดๆ ระบบจะโหลดโดยอัตโนมัติเพื่อให้พอดีกับพื้นที่ตำแหน่งของคุณ โค้ดแท็กที่คุณจะเห็นในตัวแก้ไข WYSIWYG ของคุณจะเหมือนกับโมเดลนี้: {mymaplocations mapid width height}
เช่น {mymaplocation id=1 width=58% height=400px zoom=10 type=google} รหัสนี้จะแสดงแผนที่ที่มี ID ตำแหน่ง=1 โดยมีความกว้าง 58% ความสูง 400px ซูม 10 เท่า และประเภท Google การใช้เครื่องหมายจุลภาคเพื่อเพิ่มตำแหน่งมากกว่าหนึ่งแห่งในแผนที่ เช่น {mymaplocation id=1 width=58% height=400px zoom=10 type=google} รหัสตำแหน่ง = 1, 2, 3