ทำงานกับโพลีไลน์

นักพัฒนาแอปในเขตเศรษฐกิจยุโรป (EEA)

computeRoutes จะแสดงผลเส้นทางที่แสดงด้วยเส้นประกอบเป็นส่วนหนึ่งของ การตอบกลับ คุณขอเส้นหลายเส้นได้ 2 ประเภท ได้แก่

โพลีไลน์พื้นฐาน (ค่าเริ่มต้น)

เส้นหลายเส้นแสดงด้วยออบเจ็กต์ Polyline ส่วนเส้นทางคืออาร์เรย์ของพิกัด LatLngAltitude หากต้องการแสดงผลเส้นหลายเส้นพื้นฐาน ให้เรียกใช้เมธอด computeRoutes โดยตั้งค่าพร็อพเพอร์ตี้ fields เป็น path จากนั้นเรียกใช้เมธอด createPolylines ในอินสแตนซ์เส้นทางเพื่อรับออบเจ็กต์ Polyline

ตัวอย่างต่อไปนี้แสดงวิธีขอเส้นหลายเส้นพื้นฐาน

// Define a basic routes request.
const requestWithBasicPolyline = {
  origin: '155 Steuart St, San Francisco, CA 94105',
  destination: '450 Powell St, San Francisco, CA 94102',
  travelMode: 'WALKING',
  fields: ['path'],  // Request path field to get a polyline.
};

เส้นประกอบที่รับรู้การจราจร

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

  1. ตั้งค่าพร็อพเพอร์ตี้ travelMode เป็น DRIVING
  2. ตั้งค่าพร็อพเพอร์ตี้ routingPreference เป็น TRAFFIC_AWARE
  3. ตั้งค่าพร็อพเพอร์ตี้ extraComputations เป็น TRAFFIC_ON_POLYLINE
  4. ระบุฟิลด์ path, speedPaths และ routeLabels

ตัวอย่างต่อไปนี้แสดงวิธีขอเส้นประกอบที่รับรู้การจราจร

// Define a traffic aware routes request.
const requestWithTraffic = {
  origin: '200 King St San Francisco, CA 94107',
  destination: 'Pier 41, San Francisco, CA 94133',
  travelMode: 'DRIVING',
  routingPreference: 'TRAFFIC_AWARE',
  extraComputations: ['TRAFFIC_ON_POLYLINE'],
  fields: ['speedPaths'],
};

แสดงเส้นหลายส่วนบนแผนที่

หากต้องการแสดง Polyline บนแผนที่ ให้เรียกใช้ createPolylines ในออบเจ็กต์เส้นทาง จากนั้นใช้วิธี setMap เพื่อตั้งค่าแผนที่ของ Polyline เป็นออบเจ็กต์แผนที่ ออบเจ็กต์แผนที่ใช้เพื่อแสดง Polyline บนแผนที่

ตัวอย่างต่อไปนี้แสดงวิธีแสดง Polyline บนแผนที่

  // Call createPolylines to create polylines for the first route.
  mapPolylines = routes[0].createPolylines();
  // Add polylines to the map.
  mapPolylines.forEach((polyline) => polyline.setMap(map));