UI Kit ของ Places (เวอร์ชันตัวอย่าง)

องค์ประกอบรายละเอียดสถานที่ รายการสถานที่ และระดับความสูง

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

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

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

    • รายละเอียดสถานที่

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

    การกําหนดค่ารายละเอียดสถานที่แบบเล็ก ปานกลาง และใหญ่

    รายการสถานที่

    คอมโพเนนต์รายการสถานที่จะแสดงผลรายการสถานที่เพื่อตอบสนองการค้นหาแบบข้อความของ Places หรือการค้นหาใกล้เคียงของ Places

    วางองค์ประกอบรายการสถานที่แบบสแตนด์อโลนข้าง Google Maps

    ระดับความสูง

    คอมโพเนนต์ระดับความสูงจะแสดงผลข้อมูลระดับความสูงเป็นค่าตัวเลขสำหรับจุดเดียว หรือเป็นผังภาพสำหรับเส้นทาง
    องค์ประกอบความสูงแบบสแตนด์อโลนและองค์ประกอบที่วางซ้อนใน Google Map

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

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

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