Places UI Kit

เลือกแพลตฟอร์ม: Android iOS JavaScript

ไลบรารีคอมโพเนนต์ Places UI Kit ช่วยให้คุณนำประสบการณ์การใช้งาน Google Maps ที่คุ้นเคยสำหรับ Places มาไว้ในแอปและหน้าเว็บได้ โดยใช้ข้อมูลเดียวกัน กับที่ขับเคลื่อน Places API ซึ่งประกอบด้วยคอมโพเนนต์ UI แต่ละรายการที่สามารถ ใช้แยกกัน ใช้ร่วมกัน หรือใช้ร่วมกับ Google Maps Platform API อื่นๆ เพื่อมอบประสบการณ์การใช้งานที่สมบูรณ์ด้วยข้อมูล Places โดยมีค่าใช้จ่ายและโค้ดน้อยที่สุด

Places UI Kit มีองค์ประกอบ HTML ต่อไปนี้สำหรับการแสดงข้อมูล Places data

• องค์ประกอบรายละเอียดสถานที่ แสดงรายละเอียดต่างๆ เช่น เวลาทำการ เว็บไซต์ และรีวิวของสถานที่ที่เลือก
• องค์ประกอบรายละเอียดสถานที่ขั้นสูง (เวอร์ชันตัวอย่าง) ขยายองค์ประกอบรายละเอียดสถานที่ ซึ่งช่วยให้คุณกำหนดค่าปุ่มการดำเนินการ รวมถึง ใช้ตัวเลือกการค้นหาและการกรองกับรีวิวและสื่อได้
• องค์ประกอบการค้นหาสถานที่ แสดงรายการสถานที่เพื่อตอบสนองต่อการค้นหาสถานที่ใกล้เคียงหรือข้อความค้นหา
• องค์ประกอบการค้นหาสถานที่ขั้นสูง (เวอร์ชันตัวอย่าง) ขยายองค์ประกอบการค้นหาสถานที่ ซึ่งช่วยให้คุณกำหนดค่าปุ่มการดำเนินการ รวมถึง ใช้ตัวเลือกการค้นหาและการกรองกับรีวิวและสื่อได้
• องค์ประกอบรายการสถานที่ขั้นสูง (เวอร์ชันตัวอย่าง) แสดงคอลเล็กชันสถานที่ในรายการที่กำหนดโดยชุดรหัสสถานที่ และยัง รองรับปุ่มและการกรองที่กำหนดเองด้วย
• องค์ประกอบ Place Autocomplete พื้นฐาน แสดงผลช่องป้อนข้อมูล แสดงการคาดการณ์สถานที่ในรายการตัวเลือก UI และแสดงรหัสสถานที่ของสถานที่ที่เลือก

ฟีเจอร์และความสามารถหลัก

• ผสานรวมประสบการณ์การใช้งานที่เชื่อถือได้ของ Google โดยเริ่มต้นด้วยโค้ดที่น้อยที่สุด
• นำ UI ของ Google Maps สำหรับ Places มาไว้ในแอปของคุณด้วยค่าใช้จ่ายที่ต่ำกว่า Places API
• เลือกข้อมูลและตัวเลือกการแสดงผลที่เหมาะกับความต้องการของคุณมากที่สุด

Places UI Kit Essentials และ Pro

Places UI Kit มี 2 ระดับ ได้แก่ Essentials และ Pro Places UI Kit ระดับ Essentials มีคอมโพเนนต์รายละเอียดสถานที่ Place Autocomplete พื้นฐาน และการค้นหาสถานที่ ส่วนระดับ Pro มีคอมโพเนนต์รายละเอียดสถานที่ขั้นสูง การค้นหาสถานที่ขั้นสูง และรายการสถานที่ขั้นสูง ซึ่งมีฟังก์ชันการทำงานเหมือนกับคอมโพเนนต์ระดับ Essentials แต่มีตัวเลือกการปรับแต่งและฟีเจอร์ขั้นสูงเพิ่มเติม

ตารางด้านล่างแสดงการเปรียบเทียบโดยละเอียดของ Places UI Kit ระดับ Essentials และ Pro

ความสามารถ	Places UI Kit Essentials	Places UI Kit Pro
โค้ดน้อย
การปรับแต่งสไตล์
การกำหนดค่าเนื้อหา
รายละเอียดสถานที่
รูปภาพและรีวิว
การกำหนดค่ารูปภาพและรีวิว
การกำหนดค่าปุ่ม
รายการสถานที่ที่กำหนดเอง

การเรียกเก็บเงิน

องค์ประกอบต่อไปนี้จะเรียกเก็บเงินตาม SKU ของ Places UI Kit Pro:

• AdvancedPlaceListElement
• AdvancedPlaceSearchElement
• AdvancedPlaceDetailsElement
• AdvancedPlaceDetailsCompactElement

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

ขั้นตอนถัดไป: เริ่มต้นใช้งาน Places UI Kit