ปรับแต่งเครื่องหมาย

เลือกแพลตฟอร์ม แอนดรอยด์ iOS JavaScript

ConsumerMapStyle class จะมีเมธอด setter และ Getter พร้อมการปรับแต่งแบบไดนามิก สำหรับเครื่องหมายและเส้นประกอบ คุณเปิดเผยชั้นเรียนนี้แบบไม่พร้อมกันโดยใช้ ConsumerController.getConsumerMapStyle()

การปรับแต่ง UI ยังคงอยู่ในการหมุนรอบอุปกรณ์และยังคงมีผลจนถึง เธอปลดออก ConsumerController

ปรับแต่งเครื่องหมาย

หากต้องการกำหนดประเภทและคุณสมบัติของเครื่องหมาย ให้ใช้ ConsumerMapStyle.setMarkerStyleOptions() ที่กำหนดเองของคุณ ตัวเลือกเครื่องหมายจะลบล้างค่าเริ่มต้นที่ Consumer SDK ระบุไว้ หากต้องการคืนค่าเริ่มต้น ให้เรียกใช้ setMarkerStyleOptions() โดยใช้ null สําหรับพารามิเตอร์ MarkerOptions ดึงข้อมูล MarkerOptions ที่ใช้งานอยู่ โดยใช้ getMarkerStyleOptions()

เลือกประเภทเครื่องหมาย

คุณสามารถใช้และปรับแต่งไอคอนเครื่องหมายต่อไปนี้ได้

• TRIP_PICKUP_POINT - แสดงระหว่างการแชร์การเดินทาง
• TRIP_DROPOFF_POINT - แสดงระหว่างการแชร์เส้นทาง
• TRIP_INTERMEDIATE_DESTINATION

• TRIP_VEHICLE - แสดงระหว่างการแชร์เส้นทาง

  Consumer SDK จะอัปเดตการหมุนของไอคอน TRIP_VEHICLE ระหว่างการตรวจสอบการเดินทางเพื่อเลียนแบบลักษณะการทํางานของยานพาหนะจริงขณะเดินทางตามเส้นทาง

หมายเหตุ: หากต้องการให้ภาพเคลื่อนไหวสมจริงที่สุด ให้ใช้มุมมองด้านบนสำหรับ TRIP_VEHICLE โดยให้ด้านหน้าของยานพาหนะหันขึ้นด้านบน

หมายเหตุ: ไอคอนเครื่องหมายจะไม่เปลี่ยนแปลงตามประเภทยานพาหนะจริงของการเดินทาง

เลือกตัวเลือกเครื่องหมาย

คุณปรับแต่งเครื่องหมายสำหรับแอปผู้บริโภคได้โดยทำตามขั้นตอนต่อไปนี้

1. ใช้คุณสมบัติของเครื่องหมายแต่ละเครื่องหมายจาก Google Maps MarkerOptions

2. สร้าง MarkerOptions โดยใช้ตัวสร้าง

3. ระบุคุณสมบัติที่กำหนดเองโดยใช้ "Setter" สไตล์

   หมายเหตุ: เนื่องจาก SDK ระบุค่าเริ่มต้นสำหรับพร็อพเพอร์ตี้ของตัวทำเครื่องหมายแต่ละรายการ จึงมีเพียง ระบุพร็อพเพอร์ตี้ที่กำหนดเองสำหรับค่าที่ต้องการเปลี่ยน

4. หากต้องการ คุณสามารถใช้องค์ประกอบ UI ของคุณเองโดยเลียนแบบรูปแบบที่คอนสตร็กเตอร์ MarkerOptions มีให้

5. หากต้องการปิดเครื่องหมาย ให้ตั้งค่าพร็อพเพอร์ตี้ visible เป็น false จากนั้นคุณจะสามารถ ใช้องค์ประกอบ UI ของคุณเองแทน

สำหรับข้อมูลเพิ่มเติม โปรดดู Google Maps MarkerOptions

ตัวอย่างการปรับแต่งเครื่องหมาย

Java

// Initializing marker options.
consumerController
    .getConsumerMapStyle()
    .addOnSuccessListener(
        consumerMapStyle -> {
          consumerMapStyle.setMarkerStyleOptions(
              MarkerType.TRIP_VEHICLE,
              new MarkerOptions()
                  .visible(false));
        });

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null);

Kotlin

// Initializing marker options.
consumerController
  .getConsumerMapStyle()
  .addOnSuccessListener({ consumerMapStyle ->
    consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, MarkerOptions().visible(false))
  })

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null)

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

• ปรับแต่งเส้นประกอบเส้นทาง