ในเอกสารฉบับนี้ คุณจะได้ดูวิธีใช้ API การค้นหาใกล้เคียง (ใหม่) เพื่อสร้างที่เรียบง่ายและคุ้มค่า
การค้นพบในท้องถิ่น
ประสบการณ์การค้นพบในพื้นที่แสดงสถานที่น่าสนใจหลักแก่ผู้ใช้ซึ่งอยู่ใกล้สถานที่ที่คุณระบุเมื่อค้นหาโรงแรมหรืออสังหาริมทรัพย์ ซึ่งมักจะประกอบด้วยแผนที่แบบอินเทอร์แอกทีฟ ซึ่งมีแผงเพิ่มเติมที่มีเครื่องมือเลือกสถานที่และแกลเลอรีรูปภาพ คุณจะได้พบกับผลิตภัณฑ์และความสามารถต่างๆ ของ Google Maps Platform เพื่อยกระดับประสบการณ์การโต้ตอบ
กรณีการใช้งาน
ตอนนี้ เรามาดูกันว่าองค์ประกอบใดของการผสานรวมการค้นพบในพื้นที่ที่กระตุ้นคุณค่าของผู้ใช้
การค้นพบ - ทำให้ผู้ใช้เห็นภาพรวมของสิ่งที่อยู่รอบๆ สถานที่หนึ่งๆ โดยการแสดงสถานที่ที่เกี่ยวข้องประเภทต่างๆ
การโต้ตอบ - อนุญาตให้ผู้ใช้เลือกสถานที่และรีเฟรชข้อมูลแบบไดนามิก
เมื่อเทียบกับตำแหน่งนั้น
การแสดงภาพ - แสดงรีวิวสถานที่ รูปภาพ
ระยะเวลาการเดิน และระยะทาง เพื่อให้ผู้ใช้เข้าใจได้อย่างรวดเร็วว่าตรงกับความต้องการหรือไม่
สถาปัตยกรรมอ้างอิง
การค้นพบในพื้นที่
การสร้างประสบการณ์การค้นพบในพื้นที่มีหลายวิธี การผสานรวมต่อไปนี้คือตัวอย่างที่กำหนดเองของประสบการณ์ของผู้ใช้ที่ใช้ประโยชน์จาก API ของ Google Maps Platform ซึ่งเป็นที่รู้จัก รวมถึงฟีเจอร์ใหม่ๆ ที่น่าตื่นเต้น หากต้องการใช้แนวทางที่เป็นเทมเพลตในการค้นหาในเครื่อง คุณสามารถใช้คอมโพเนนต์เว็บได้
แอปพลิเคชันตัวอย่าง
คำแนะนำแบบทีละขั้นตัวอย่าง
ในตารางด้านล่างนี้แอปพลิเคชันตัวอย่างจะแบ่งเป็นขั้นตอนต่างๆ ควบคู่กับคำอธิบายเกี่ยวกับการใช้งานทางเทคนิคกับ Google Maps Platform API
1. การค้นหาตำแหน่งด้วยตำแหน่งการเติมข้อความอัตโนมัติ
- โหลด Maps JavaScript API
- ข้อความค้นหาเติมข้อความอัตโนมัติ หรือเลือกตำแหน่งบนแผนที่
2. แสดงจุดสนใจในพื้นที่โดยใช้ API การค้นหาใกล้เคียง (ใหม่)
- การจัดอันดับความนิยม (ผลการค้นหาที่เกี่ยวข้องมากขึ้น) หรือการจัดอันดับระยะทาง
includedTypes
,excludedTypes
หากเป็นโรงแรม คุณสามารถยกเว้นประเภท "ที่พัก" และระบุเฉพาะประเภทที่เหมาะสม เช่น "ร้านอาหาร คาเฟ่ สวนสาธารณะ tourit_attraction"- ใช้ประโยชน์จาก
includedPrimaryTypes
และexcludedPrimaryTypes
เพื่อให้ควบคุมผลลัพธ์ได้มากขึ้น - "locationRestriction เพื่อหลีกเลี่ยงจำนวนผลลัพธ์ที่ไม่เพียงพอหรือสถานที่ที่ไกลเกินไป ในกรณีที่มีผลลัพธ์เป็น 0 ให้ขยายขนาดวงกลม / สี่เหลี่ยมผืนผ้าก่อนแสดงผล
ตัวอย่างการค้นหาเมื่อจองโรงแรมที่มีคำขอช่องข้อมูล
- พื้นฐาน (
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. แสดงข้อมูลโดยละเอียดของสถานที่เมื่อมีการโต้ตอบ
คำอธิบาย:
displayName
,types
,rating
,userRatingCount
,priceLevel
เวลา: มาจากการค้นหา Directions API ก่อนหน้านี้
รีวิว:
reviews[i].author
,reviews[i].rating
,reviews[i].text
รูปภาพ: ในช่วง Unlimited Preview of 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 การค้นหาใกล้เคียง (ใหม่)
ขั้นตอนถัดไป
แนะนำให้อ่านเพิ่มเติม:
- คอมโพเนนต์เว็บใน Maps JavaScript API
- การเพิ่มประสิทธิภาพการเติมข้อความอัตโนมัติใน Places
- บริการสถานที่อื่นๆ
- แสดงความคิดเห็นด้านล่าง
ผู้ร่วมให้ข้อมูล
ผู้เขียนหลัก:
Thomas Anglaret | วิศวกรโซลูชันแพลตฟอร์มของ Google Maps