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

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

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

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

ตัวอย่างการค้นพบในพื้นที่

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

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

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

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

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

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

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

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

alt_text

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

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

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

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

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

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 จากนั้นจึงค้นหาทีละรายการในประสบการณ์การใช้งาน

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

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

บทสรุป

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

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

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

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

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

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