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

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

การค้นพบในท้องถิ่นด้วย

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

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

คราวนี้มาดูกันว่าองค์ประกอบใดของการผสานรวมการค้นพบในท้องถิ่นที่ช่วยเพิ่มคุณค่าให้กับผู้ใช้

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

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

  สัมพันธ์กับสถานที่นั้น

• การแสดงภาพ - ให้รีวิวสถานที่ รูปภาพ

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

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

การค้นพบในท้องถิ่น

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

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

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

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

1. การค้นหาตำแหน่งด้วย AutocompleteSearch ตำแหน่ง

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

2. แสดงจุดที่น่าสนใจในพื้นที่โดยใช้ API การค้นหาใกล้เคียง (ใหม่)

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

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

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

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

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

บทสรุป

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

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

แนะนำให้อ่านเพิ่มเติม

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

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

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

Thomas Anglaret | วิศวกรโซลูชัน แพลตฟอร์ม Google Maps