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

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

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

[บริบทของระบบ] ระบบนำทางระดับสูง
มุมมองที่เข้าใจง่ายของระบบที่เกี่ยวข้องเมื่อนำทางผู้ขับขี่ไปยังสถานที่ด้วยรถยนต์
แผนภาพระบบระดับสูง

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

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

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

Gare de l'Est

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

คำขอ Places API

ตัวอย่างคำขอ Places API นี้ใช้ "การค้นหาข้อความ" เพื่อค้นหา Notre Dame ดูรายละเอียดได้ในเอกสารประกอบสำหรับนักพัฒนาซอฟต์แวร์ "YOUR_KEY" ในตัวอย่างเหล่านี้คือคีย์ API ที่คุณมีสำหรับ Google Maps Platform Places และ 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 โดยตั้งค่าพารามิเตอร์ประเภทเป็น "parking" และรัศมีเป็น "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

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

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

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

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

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

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

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

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

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

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

อย่างไรก็ตาม ทุกคนที่เคยไปที่สนามบินขนาดใหญ่จะทราบดีว่าการต่อเครื่องระหว่างอาคารผู้โดยสารนั้นใช้เวลานานมากหากคุณมาถึงที่ที่ไม่ถูกต้อง ในกรณีนี้ เนื่องจากประเภทของผลการค้นหาคือ "สนามบิน" จึงควรทำการค้นหา "อาคารผู้โดยสาร" โดยอัตโนมัติโดยใช้ตำแหน่งของสนามบินฮีทโธรว์ในลอนดอน (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

การค้นหาข้างต้นแสดงรายการเทอร์มินอลและจุดส่งสินค้าแต่ละแห่งที่เทอร์มินอลเหล่านั้น จากรายการผลการค้นหา เราพบ "อาคาร 5 ของสนามบิน Heathrow ในลอนดอน" และรหัสสถานที่

 "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 เพื่อค้นหาสนามบินฮีทโธรว์
  • คำขอ Places API เพื่อค้นหาอาคารผู้โดยสารทั้งหมดที่อยู่ใกล้กับสนามบิน Heathrow พิกัด
  • คําขอ Directions API เพื่อขอเส้นทางไปยังอาคารผู้โดยสาร 5

บทสรุป

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

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

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

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

Mikko Toivanen | วิศวกรโซลูชัน Google Maps Platform