เคล็ดลับในการสร้างประสบการณ์ของผู้ใช้ที่ดีที่สุดเมื่อไปยังสถานที่ต่างๆ ด้วยรถ

เอกสารนี้มี เวอร์ชันใหม่กว่า พร้อมตัวอย่างวิธีใช้ Places API และ Routes API ใหม่

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

[System Context] High level navigation systems
Simplified view of systems involved when guiding the driver to a location with a car
แผนภาพระบบระดับสูง

เราจะแสดงวิธีใช้ Places API และ Directions API ตามลำดับหรือร่วมกันเพื่อระบุสถานที่ที่เหมาะสมในการจอดรถข้างจุดหมายปลายทาง โซลูชันนี้มีเป้าหมายเพื่อขจัดความไม่แน่นอนและการโต้ตอบหลายครั้งเพื่อค้นหาที่จอดรถขณะขับรถเมื่อใกล้ถึงจุดหมายปลายทาง มาดูตัวอย่าง 2 กรณีที่แสดงวิธีนำกรณีเหล่านี้ไปใช้โดยละเอียด

ตัวอย่างที่ 1 - สถานที่ท่องเที่ยวที่ไม่มีลานจอดรถ

เลือกสถานที่ที่ไม่ได้เชื่อมต่อกับริมถนนโดยตรงเพื่อให้ต้องดึงเส้นทางแยกกัน โดยจุดหมายปลายทาง คือ Notre Dame ในปารีส และใช้สถานีรถไฟ Gare de l’Est (48.87697775149635, 2.3592247806755564) เป็นจุดเริ่มต้น

Gare de l'Est

คนขับรถออกจากสถานีทางเหนือของ Notre Dame ประมาณ 16 นาที Notre Dame เป็นสถานที่ท่องเที่ยวที่มีชื่อเสียงบนเกาะที่เข้าถึงได้ด้วยสะพาน มีถนนบางสายเป็นถนนเดินรถทางเดียว และไม่มีลานจอดรถขนาดใหญ่ในบริเวณใกล้เคียง ดังนั้นนี่จึงเป็นความท้าทายที่น่าสนใจ

คำขอ Places API

คำขอ Places API ตัวอย่างนี้ใช้ "การค้นหาข้อความ" เพื่อค้นหา Notre Dame โปรดดูรายละเอียดในเอกสารประกอบสำหรับนักพัฒนาซอฟต์แวร์ "YOUR_KEY" ในตัวอย่างเหล่านี้คือคีย์ API ที่คุณมีสำหรับ Google Maps Platform Places API และ Directions API ซึ่งเปิดใช้ใน Google Cloud Console โปรดดูคำอธิบายโดยละเอียดเพิ่มเติมในเอกสารประกอบสำหรับ เริ่มต้นใช้งาน Google Maps Platform

https://maps.googleapis.com/maps/api/place/textsearch/json?query=notre_dame&location=48.864716%2C2.349014&region=fr&key=YOUR_KEY

การตอบกลับคำขอข้างต้นจะให้พิกัดละติจูดและลองจิจูดต่อไปนี้

  "results" : [
      {
        "formatted_address" : "Notre Dame, Paris",
        "geometry" : {
           "location" : {
               "lat" : 48.8527288,
                },
  ...

อย่างที่เห็น พิกัดจะระบุตำแหน่งของ Notre Dame อย่างแม่นยำ

รูปภาพน็อทร์ดาม
น็อทร์ดามบนแผนที่

ในฐานะนักพัฒนาแอปหรือผู้ให้บริการ คุณควรแจ้งให้คนขับรถทราบโดยอัตโนมัติว่า "กำลังมองหาที่จอดรถใกล้กับ Notre Dame ใช่ไหม" ประสบการณ์ของผู้ใช้จะแตกต่างกันไปตามอุปกรณ์และหน้าจอ แต่ข้อความป๊อปอัปขนาดเล็กที่หายไปหลังจากผ่านไปครู่หนึ่งอาจเป็นสิ่งที่ควรพิจารณาในกรณีนี้ หากต้องการค้นหาที่จอดรถใกล้กับ Notre Dame ให้ทำการค้นหาข้อความ Places API โดยตั้งค่าพารามิเตอร์ประเภทเป็น "ที่จอดรถ" และรัศมีเป็น "300" ตัวอย่างนี้จะให้ความสำคัญกับพื้นที่จอดรถภายใน 300 เมตรจาก Notre Dame

https://maps.googleapis.com/maps/api/place/textsearch/json?query=parking
&location=48.8527288%2C2.3505635&region=fr&type=parking&radius=300&key=YOUR_KEY

ผลการค้นหาแรกคือ "Parking Saemes Maubert-Lagrange" ที่ 48.850591, 2.3486436 มาใช้สถานที่นี้ในส่วนถัดไปที่เราจะทำการขอ Directions API

คำขอ Directions API

หากต้องการค้นหาเส้นทางจากสถานีไปยังพื้นที่จอดรถใกล้กับ Notre Dame คุณต้องทำการขอ Directions API เพียงตั้งค่าพารามิเตอร์ต้นทางและปลายทาง ดูตัวเลือกเพิ่มเติมได้ในเอกสารประกอบสำหรับนักพัฒนาซอฟต์แวร์ 

https://maps.googleapis.com/maps/api/directions/json?origin=48.8767903,2.3592251&destination=48.850591%2C2.3486436&key=YOUR_KEY

การตอบกลับ Directions API มักจะมีคำแนะนำเส้นทางหลายรายการ แต่ละเส้นทางประกอบด้วย "ช่วง" หลายช่วง และช่วงเหล่านั้นประกอบด้วย "ขั้นตอน" หลายขั้นตอนที่แสดงระยะทางและพิกัด หากต้องการค้นหาพิกัดสุดท้ายที่เข้าถึงได้ด้วยรถ ให้ใช้ช่อง "end_location" ของขั้นตอนสุดท้ายของช่วงสุดท้ายในเส้นทางที่คุณเลือก

สถานที่นี้อาจดูเหมือนไม่ใช่ตัวเลือกแรก แต่เมื่อดูแผนที่หรือ Google Street View คุณจะพบว่าสถานที่นี้อยู่ห่างจาก Notre Dame ในระยะเดินเพียงสั้นๆ ประมาณ 6-7 นาที

เส้นทางเดินจากที่จอดรถไปยังน็อทร์-ดาม

เส้นทางเดินจากพื้นที่จอดรถไปยัง Notre Dame

สรุปสำหรับตัวอย่างที่ 1

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

  • คำขอ Places API เพื่อค้นหาพิกัดของ Notre Dame
  • คำขอ Places API เพื่อค้นหาพื้นที่จอดรถภายใน 300 เมตรจากพิกัดเหล่านั้น
  • คำขอ Directions API เพื่อค้นหาเส้นทางไปยังพื้นที่จอดรถ

ตัวอย่างที่ 2 - การนำทางไปยังอาคารผู้โดยสารในสนามบินขนาดใหญ่

สนามบินฮีทโธรว์บนแผนที่
มาดูอีกตัวอย่างหนึ่งที่คนขับรถพยายามไปถึงพื้นที่ขนาดใหญ่ ที่มีสถานที่ POI หรือจุดจอดรับส่งหลายแห่ง คนขับรถออกจากสนามกีฬา Wembley ในสหราชอาณาจักร (51.557263604707224, -0.2794575145680608) และพยายามไปที่อาคารผู้โดยสาร 5 ของสนามบิน Heathrow ในลอนดอน โดยปกติแล้วผู้ใช้จะเริ่มพิมพ์ "Heathrow" และส่วนใหญ่จะเลือกผลการค้นหา 2-3 รายการแรกหากดูเหมือนเป็นผลการค้นหาที่ถูกต้อง จากผลการค้นหาที่เลือก คุณจะทราบว่าสถานที่ดังกล่าวเป็นสนามบินโดยอ่านค่าในช่อง "ประเภท" ดูรายการประเภททั้งหมดได้ที่นี่ here.

  "types" : [ "airport", "point_of_interest", "establishment" ],

อย่างไรก็ตาม ทุกคนที่เคยไปสนามบินขนาดใหญ่จะทราบดีว่าการย้ายจากอาคารผู้โดยสารหนึ่งไปยังอีกอาคารหนึ่งต้องใช้เวลาพอสมควรหากคุณไปถึงสถานที่ผิด ในกรณีนี้ เนื่องจากประเภทของผลการค้นหาคือ "สนามบิน" จึงควรทำการค้นหา "อาคารผู้โดยสาร" โดยใช้สถานที่ของสนามบิน Heathrow ในลอนดอน (51.47016927594547, -0.45432767852489075) โดยอัตโนมัติ ในตัวอย่าง คุณจะเห็นข้อจำกัดรัศมีการค้นหาที่เป็นตัวเลือก 3,000 เมตรด้วย

  https://maps.googleapis.com/maps/api/place/textsearch/json?query=terminal&location=51.47016927594547%2C-0.45432767852489075&region=gb&key=YOUR_KEY&radius=3000

การค้นหาข้างต้นจะแสดงรายการอาคารผู้โดยสารและจุดจอดรับส่งแต่ละจุดที่อาคารผู้โดยสารเหล่านั้น จากรายการผลการค้นหา เราจะพบ "London Heathrow Airport Terminal 5" และรหัสสถานที่

 "place_id" : "ChIJtQRd6XVxdkgRTUGZtcsoGNc",

การใช้พารามิเตอร์ "place_id" จะบอก Directions API ว่าเราพยายามไปถึงสถานที่หนึ่งๆ ไม่ใช่พิกัดที่กำหนด

  https://maps.googleapis.com/maps/api/directions/json?origin=51.557263604707224,-0.2794575145680608&destination=place_id:ChIJtQRd6XVxdkgRTUGZtcsoGNc&key=YOUR_KEY

อีกครั้งที่การอ่านขั้นตอนทั้งหมดในการตอบกลับ JSON จะแสดงส่วนสุดท้ายของการเดินทางและพิกัดละติจูดและลองจิจูดของสถานที่สิ้นสุด (51.47079979999999,-0.4896765) เช่นเดียวกับในตัวอย่างก่อนหน้า

อาคารผู้โดยสาร 5 ของฮีทโธรว์

สรุปสำหรับตัวอย่างที่ 2

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

  • คำขอ Places API เพื่อค้นหาสนามบิน Heathrow
  • คำขอ Places API เพื่อค้นหาอาคารผู้โดยสารทั้งหมดที่อยู่ใกล้กับพิกัดของสนามบิน Heathrow
  • คำขอ Directions API เพื่อรับเส้นทางไปยังอาคารผู้โดยสาร 5

บทสรุป

อย่างที่เห็น ความพยายามในการพัฒนาที่จำเป็นในการให้บริการระดับพรีเมียมแก่ลูกค้าที่เดินทางด้วยรถยนต์นั้นมีเพียงเล็กน้อย และช่วยให้คุณแสดงให้เห็นได้อย่างง่ายดายว่าคุณคำนึงถึงความต้องการของลูกค้าอย่างไร

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

การดำเนินการถัดไป

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

Mikko Toivanen | Google Maps Platform Solutions Engineer