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

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

ประสบการณ์การค้นพบในพื้นที่

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

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

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

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

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

  เทียบกับสถานที่นั้น

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

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

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

การค้นพบในพื้นที่

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

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

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

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

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

• โหลด Maps Javascript API
• ค้นหาโดยใช้การเติมข้อความอัตโนมัติของสถานที่ หรือเลือกตำแหน่งบนแผนที่

2. แสดงจุดที่น่าสนใจในพื้นที่โดยใช้ Nearby Search (ใหม่) API

• การจัดอันดับตามความนิยม (ผลการค้นหาที่เกี่ยวข้องมากขึ้น) หรือการจัดอันดับตามระยะทาง
• includedTypes, excludedTypes หากเป็นโรงแรม คุณสามารถยกเว้นประเภท "ที่พัก" และรวมเฉพาะประเภทที่เหมาะสม เช่น "ร้านอาหาร คาเฟ่ สวนสาธารณะ สถานที่ท่องเที่ยว"
• ใช้ประโยชน์จาก includedPrimaryTypes, excludedPrimaryTypes เพื่อควบคุมผลลัพธ์ได้มากยิ่งขึ้น
• `locationRestriction to avoid insufficient number of results or too far away places ; in case of ZERO results, broaden the circle / rectangle size prior to display results.

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

• พื้นฐาน (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 (ใหม่) API คุณ จะต้องค้นหา Place Details ด้วย place.id เพื่อรับ photo_reference เพื่อค้นหาทีละรายการในประสบการณ์การใช้งานของคุณ

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

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

บทสรุป

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

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

อ่านเพิ่มเติมที่

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

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

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

Thomas Anglaret | วิศวกรโซลูชันของ Google Maps Platform