ไลบรารีคอมโพเนนต์ Places UI Kit ช่วยให้คุณนำประสบการณ์ของผู้ใช้ Google Maps ที่คุ้นเคยสำหรับ Places มาใช้กับแอปและหน้าเว็บได้ โดยใช้ข้อมูลเดียวกับที่ขับเคลื่อน Places API ซึ่งรวมถึงคอมโพเนนต์ UI แต่ละรายการที่สามารถใช้แยกกัน ใช้ร่วมกัน หรือใช้ร่วมกับ Google Maps Platform API อื่นๆ เพื่อมอบประสบการณ์การใช้งาน Places ที่สมบูรณ์แบบโดยมีค่าใช้จ่ายและโค้ดน้อยที่สุด
Places UI Kit มีองค์ประกอบ HTML ต่อไปนี้สำหรับการแสดงผลข้อมูล Places
- องค์ประกอบรายละเอียดสถานที่จะแสดงรายละเอียด เช่น เวลาทำการ เว็บไซต์ และรีวิวสำหรับสถานที่ที่เลือก
- องค์ประกอบรายละเอียดสถานที่ขั้นสูงจะขยายองค์ประกอบรายละเอียดสถานที่ ซึ่งช่วยให้คุณกำหนดค่าปุ่มดำเนินการ รวมถึงใช้ตัวเลือกการค้นหาและการกรองกับรีวิวและสื่อได้
- องค์ประกอบการค้นหาสถานที่จะแสดงรายการสถานที่เพื่อตอบสนองต่อคำค้นหาในบริเวณใกล้เคียงหรือคำค้นหาข้อความ
- องค์ประกอบการค้นหาสถานที่ขั้นสูงจะขยายองค์ประกอบการค้นหาสถานที่ ซึ่งช่วยให้คุณกำหนดค่าปุ่มดำเนินการ รวมถึงใช้ตัวเลือกการค้นหาและการกรองกับรีวิวและสื่อได้
- องค์ประกอบรายการสถานที่ขั้นสูงจะแสดงผลคอลเล็กชันสถานที่ในรายการตามชุดรหัสสถานที่ที่ระบุ และยังรองรับปุ่มและการกรองที่กำหนดเองด้วย
- องค์ประกอบการเติมข้อมูลสถานที่อัตโนมัติพื้นฐานจะแสดงช่องป้อนข้อความ แสดงการคาดคะเนสถานที่ในรายการเลือก 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 แต่มีตัวเลือกการปรับแต่งและฟีเจอร์ขั้นสูงมากกว่า
ตารางด้านล่างแสดงการเปรียบเทียบโดยละเอียดระหว่างระดับ Essentials และ Pro ของ Places UI Kit
| ความสามารถ | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| ใช้โค้ดน้อย | ||
| การปรับแต่งสไตล์ | ||
| การกำหนดค่าเนื้อหา | ||
| รายละเอียดสถานที่ | ||
| รูปภาพและรีวิว | ||
| การกำหนดค่ารูปภาพและรีวิว | ||
| การกําหนดค่าปุ่ม | ||
| รายการสถานที่ที่กำหนดเอง |
การเรียกเก็บเงิน
องค์ประกอบต่อไปนี้จะเรียกเก็บเงินจาก Places UI Kit Pro SKU
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
ระบบจะเรียกเก็บเงินสำหรับการค้นหา Places UI Kit ต่อการสร้างอินสแตนซ์คอมโพเนนต์ ไม่ใช่ตามข้อมูล Places API ที่รวมอยู่ในการตอบกลับ โดยจะไม่มีค่าใช้จ่ายเพิ่มเติมที่เกี่ยวข้องกับการเรียก API พื้นฐานที่จำเป็นต่อการให้คำตอบ เช่น การค้นหาในบริเวณใกล้เคียงของ Places UI Kit จะไม่สร้างค่าใช้จ่ายเพิ่มเติมสำหรับการแสดงรูปภาพของสถานที่แต่ละแห่ง