ปรับปรุงการค้นพบในพื้นที่ด้วย API การค้นหาใกล้เคียง (ใหม่)

ในเอกสารนี้ คุณจะได้ดูวิธีใช้ Nearby Search (New) API เพื่อ สร้าง โซลูชันที่เรียบง่ายและคุ้มค่า

การค้นพบในเครื่องที่เรียบง่ายและคุ้มค่า

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

กรณีการใช้งาน

ตอนนี้เรามาทำความเข้าใจองค์ประกอบของการผสานรวมการค้นพบในเครื่องที่ขับเคลื่อนคุณค่าของผู้ใช้กัน

• การค้นพบ - ให้ภาพรวมแก่ผู้ใช้เกี่ยวกับสิ่งที่อยู่รอบๆ สถานที่เดียว ด้วย การแสดงสถานที่ที่เกี่ยวข้องประเภทต่างๆ

• การโต้ตอบ - ช่วยให้ผู้ใช้เลือกสถานที่และรีเฟรชข้อมูลแบบไดนามิก

  ที่เกี่ยวข้องกับสถานที่นั้น

• การแสดงข้อมูลผ่านภาพ - แสดงรีวิวสถานที่ รูปภาพ

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

สถาปัตยกรรมอ้างอิง

การค้นพบในเครื่อง

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

แอปพลิเคชันตัวอย่าง

คำแนะนำแบบทีละขั้นตัวอย่าง

ในตารางด้านล่างนี้ คุณจะเห็นแอปพลิเคชันตัวอย่างที่แบ่งออกเป็นขั้นตอนต่างๆ พร้อมคำอธิบายการใช้งานทางเทคนิคด้วย Google Maps Platform API

1. การค้นหาสถานที่ด้วยการเติมข้อความอัตโนมัติค้นหาสถานที่

• โหลด Maps Javascript API
• ค้นหา Places Autocomplete หรือเลือกสถานที่บนแผนที่

2. แสดงจุดที่น่าสนใจในเครื่องโดยใช้ Nearby Search (New) API

• การจัดอันดับตามความนิยม (ผลการค้นหาที่เกี่ยวข้องมากขึ้น) หรือการจัดอันดับตามระยะทาง
• includedTypes, excludedTypes ; หากคุณเป็นโรงแรม คุณสามารถยกเว้นประเภท "ที่พัก" และรวมเฉพาะประเภทที่เหมาะสม เช่น "ร้านอาหาร คาเฟ่ สวนสาธารณะ สถานที่ท่องเที่ยว"
• ใช้ประโยชน์จาก includedPrimaryTypes, excludedPrimaryTypes เพื่อควบคุมผลการค้นหาได้มากยิ่งขึ้น
• `locationRestriction` เพื่อหลีกเลี่ยงผลการค้นหาที่ไม่เพียงพอหรือสถานที่ที่อยู่ไกลเกินไป ในกรณีที่ไม่มีผลการค้นหา ให้ขยายขนาดวงกลม / สี่เหลี่ยมผืนผ้าก่อนที่จะแสดงผลการค้นหา

ตัวอย่างคำค้นหาเมื่อจองโรงแรม พร้อมช่องข้อมูลที่ขอ

• ข้อมูลพื้นฐาน (displayName, types, openingHours, formattedAddress)
• ข้อมูลติดต่อ (websiteUri, nationalPhoneNumber, internationalPhoneNumber)
• ข้อมูลที่ต้องการ (reviews, priceLevel, userRatingCount)

 { "includedTypes": ["restaurant","cafe","park"], "excludedTypes":
["lodging","convenience_store"], "includedPrimaryTypes":
["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes":
["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": {
"center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }

ตัวอย่างคำค้นหาเมื่อค้นหาอสังหาริมทรัพย์ พร้อมช่องข้อมูลที่ขอ

• ข้อมูลพื้นฐาน (displayName, types, openingHours, formattedAddress)

 { "includedTypes": ["school","transport","bus","convenience_store"],
"excludedTypes": ["lodging"], "includedPrimaryTypes":
["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes":
["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": {
"center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }

3. เพิ่มการโต้ตอบ ด้วย Dynamic Maps และ Directions API

• **ขาและขั้นตอน** ที่อัปเดตโดยการค้นหา Directions API * ใช้เวลาในส่วนถัดไป

4. แสดงข้อมูลโดยละเอียดของสถานที่เมื่อมีการโต้ตอบ

1. คำอธิบาย: displayName, types, rating, userRatingCount, priceLevel

   เวลา: มาจากการค้นหา Directions API ก่อนหน้า

2. รีวิว: reviews[i].author, reviews[i].rating,reviews[i].text.

3. รูปภาพ: ระหว่าง การแสดงตัวอย่างแบบไม่จำกัดของ Nearby Search (New) API คุณจะต้องค้นหา รายละเอียดสถานที่ ด้วย place.id เพื่อรับ photo_reference แล้วจึงค้นหาทีละรายการในประสบการณ์การใช้งาน

จำนวนคำค้นหาและค่าใช้จ่ายที่เกี่ยวข้อง

• Maps JavaScript API: 1 แผนที่เมื่อโหลดประสบการณ์การใช้งาน
• Places Autocomplete API: 1 คำค้นหาทุกครั้งที่พิมพ์อักขระ (หากใช้วิดเจ็ตการเติมข้อความอัตโนมัติ) ซึ่งปรับแต่งได้
• การค้นหาในบริเวณใกล้เคียง (ใหม่) API: 1 คำค้นหาทุกๆ 20 สถานที่ที่แสดง การเรียกเก็บเงินจะแตกต่างกันไปตามข้อมูล สถานที่ ที่เป็นส่วนหนึ่งของการตอบกลับคำค้นหา
• Directions API: 1 คำค้นหาทุกๆ สถานที่ที่ผู้ใช้เลือก
• Place Photo API: 1 คำค้นหาทุกๆ รูปภาพที่แสดง

บทสรุป

ประสบการณ์การค้นพบในเครื่องเป็นวิธีที่มีประสิทธิภาพในการมอบมูลค่าแก่ผู้ใช้ การใช้งานการสาธิตนี้มีฟีเจอร์มากมายที่คุณน่าจะรวมไว้เมื่อสร้างประสบการณ์ดังกล่าวใน Google Maps Platform ด้วยความสามารถพิเศษจาก การค้นหาในบริเวณใกล้เคียง (ใหม่) API

ขั้นตอนถัดไป

อ่านเพิ่มเติมที่แนะนำ

• Web Components ใน Maps JavaScript API
• การเพิ่มประสิทธิภาพการเติมข้อความอัตโนมัติของ Places
• บริการอื่นๆ ของ Places Services
• แสดงความคิดเห็นด้านล่าง

ผู้ร่วมให้ข้อมูล

ผู้เขียนหลัก

Thomas Anglaret | Google Maps Platform Solutions Engineer